Using nth-child to style item 4 and onwards

Question

I have a list item where I\'d like the 4th item and onwards to have a different background-color.

I\'ve tried the following:

li:nth-child(4)         


        

Answer 1

You need to do this

li:nth-child(n+5) { background-color:blue; }

Example: http://jsfiddle.net/jasongennaro/2p4e9/1/

Answer 2

Use :nth-child(n+5) (CSS indexes start at 1).

Demo: http://jsfiddle.net/nTZrg/1/

li:nth-child(n+5) {
    background-color:blue;
}