如何在n后的所有项目中使用第n个选择器?

时间:2014-04-19 00:47:50

标签: css sass css-selectors

让我们举例说,我有以下列表:

    <ul>
        <li><a>Explore</a></li>
        <li><a>About</a></li>
        <li><a>Contact</a></li>
        <li><a>Blog</a></li>
        <li><a>blah</a></li>
        <li><a>boo</a></li>
        <li><a>ahh</a></li>
    </ul>

如何控制列表项目编号4之后的所有项目?

1 个答案:

答案 0 :(得分:2)

King King给出了答案,例如:

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

请参阅演示:http://jsfiddle.net/audetwebdesign/7yVKS/

参考:http://www.w3.org/TR/css3-selectors/#nth-child-pseudo