CSS nth-child：从第4个开始的每第3个元素

Question

我正在尝试选择每个第3个section标记，但从第四个开始。所以下面的粗体元素将表明我想选择的那些：

1. 部分
2. 部分
3. 部分
4. 部分
5. 部分
6. 部分
7. 部分
8. 部分
9. 部分

我已尝试过以下代码，但似乎无法正常工作

section:nth-child(3n+1)

Answer 1

如果您想从第4个元素开始，请使用+4而不是+1

＆＃13;

＆＃13;

section:nth-child(3n+4) {
  color: red;
}

＆＃13;

<section>Section</section>
<section>Section</section>
<section>Section</section>
<section>Section</section>
<section>Section</section>
<section>Section</section>
<section>Section</section>
<section>Section</section>
<section>Section</section>
<section>Section</section>
<section>Section</section>
<section>Section</section>
<section>Section</section>

＆＃13;

＆＃13;

＆＃13;

Answer 2

您需要做的就是：

section:nth-child (3n+4)代替section:nth-child(3n+1)

以下是jsfiddle

Answer 3

section:nth-child(3n + 4)或section:nth-child(3n + 1):not(:first-child)。

这里有例子：http://jsfiddle.net/rxtdrf13/2/