CSS for sel0-3

  <script>
    ul > li  { background-color: #900; }  # 0,0,0,2
     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
     li  { background-color: #0c0; }  # 0,0,0,1
  </script>
  

Page Content

  <h3>More combinators - specifically selecting list items with 1, 2, and
4 preceeding siblings</h3>
<p>The siblings don't <i>have</i> to be all the same, I did that to
make the example easier to follow</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>
  

More combinators - specifically selecting list items with 1, 2, and 4 preceeding siblings

The siblings don't have to be all the same, I did that to make the example easier to follow