我有一个列表项,我想要第4个项目,然后再有一个不同的背景颜色。
我尝试过以下操作:
li:nth-child(4) { background-color:blue; }
这种风格只有第4项。然后,我尝试了以下内容,希望它将第四件及以上的样式,但它没有奏效:
li:nth-child(4+) { background-color:blue; }
我怎么能得到这个工作,而不必指定第4,第5,第6,第7等?
解决方法
使用
:nth-child(n+5)
(CSS索引从1开始)。
演示:http://jsfiddle.net/nTZrg/1/
li:nth-child(n+5) { background-color:blue; }