6

如何使用:nth-child运算符定位给定 DIV 中除第一个段落之外的所有段落？

:nth-child(/* select all but the first one */) {
     color: green;
}
<div>
    <p>Example 1</p>
    <p>Example 2</p>
    <p>Example 3</p>
    <p>Example 4</p>
    <p>Example 5</p>
    <p>Example 6</p>
    <p>Example 7</p>
</div>

4

3 回答 3

13

您可以使用以下公式：

:nth-child(n+1)

或对于某些浏览器：

:nth-child(n+2)

W3Schools 说：

使用公式 (an + b)。说明：a代表一个周期大小，n是一个计数器（从0开始），b是一个偏移值。

关联

或者您可以为第一个元素使用单独:first-child的 CSS 声明。

于 2012-08-30T08:48:02.183 回答
6

采用

p:nth-child(n+2) {
    color: green;   
}

工作演示

Reference

于 2012-08-30T08:49:24.597 回答
4

尝试

div > p:nth-child(n+2)

演示在http://jsfiddle.net/Q6FDq/

于 2012-08-30T08:50:12.127 回答