test/css/selectors.html

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