使用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;
}

Answer 2

你需要这样做

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

示例：http://jsfiddle.net/jasongennaro/2p4e9/1/