使用nth-child来设置第4项及其后的样式

Question

我有一个列表项目,我希望第4项和以后有一个不同的background-color.

我尝试过以下方法:

li:nth-child(4) { background-color:blue; }

这样只有第4项.然后,我尝试了以下内容,希望它能够设置第4项及以后的项目,但它不起作用:

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

如何在不指定第4,第5,第6,第7等的情况下使其工作？

Answer 1

使用:nth-child(n+5)(CSS索引从1开始).

演示:http://jsfiddle.net/nTZrg/1/

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