2005-09-15 09:58:31 -04:00
|
|
|
<style>
|
|
|
|
div { color: yellow }
|
|
|
|
div#foo { background: red }
|
|
|
|
div.foo { background: blue }
|
2006-06-06 09:21:00 -04:00
|
|
|
div.bar { color: red }
|
2005-09-15 09:58:31 -04:00
|
|
|
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>
|
2006-06-06 09:21:00 -04:00
|
|
|
<div class="foo bar">red on blue</div>
|
2005-09-15 09:58:31 -04:00
|
|
|
<p>p <span>i</span> <b>bold <span>i</span></b></p>
|
|
|
|
<p><b>jedi<i> mind </i>tricks</b></p>
|