css – 使用第n个孩子来设计项目4及以上

前端之家收集整理的这篇文章主要介绍了css – 使用第n个孩子来设计项目4及以上前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个列表项,我想要第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;
}
原文链接:https://www.f2er.com/css/218104.html

猜你在找的CSS相关文章