1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
|
<style>
div { color: yellow }
div#foo { background: red }
div.foo { background: blue }
div.bar { color: red }
div .foo{ background: purple }
p,span { color: aqua; }
div, { background: green; }
p { background: gray }
p span { color: red; }
p>span { color: purple; }
p * i { color: green; background: white; }
</style>
<div>div <span>span</span> div <span class="foo">spanclass</span> div</div>
<div id="foo">id</div>
<div class="foo">class <i>i</i></div>
<div class="foo bar">red on blue</div>
<p>p <span>i</span> <b>bold <span>i</span></b></p>
<p><b>jedi<i> mind </i>tricks</b></p>
|