CSS for sel0-4

  <script>
    body  { background-color: white; }  # 0,0,0,1
     li + li + li + li + li  { background-color: #ccc; }  # 0,0,0,5
     li + li + li  { background-color: #00c; }  # 0,0,0,3
     li + li  { background-color: #c00; }  # 0,0,0,2
     ul > li  { background-color: #900; }  # 0,0,0,2
     li  { background-color: #0c0; }  # 0,0,0,1
  </script>
  

Page Content

  <p>Here we add a <em>parent - child</em> combinator.  This
over-rides the single <code>li</code> entry</p>
<ul>
 <li>List Item 1</li>
 <li>List Item 2 follows 1 sibling</li>
 <li>List Item 3 follows 2 sibling</li>
 <li>List Item 4 follows 3 sibling</li>
 <li>List Item 5 follows 4 sibling</li>
</ul>
  

Here we add a parent - child combinator. This over-rides the single li entry

• List Item 1
• List Item 2 follows 1 sibling
• List Item 3 follows 2 sibling
• List Item 4 follows 3 sibling
• List Item 5 follows 4 sibling