<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>
<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>
The siblings don't have to be all the same, I did that to make the example easier to follow