css - CSS nth-child 忽略前 3 个元素，对其他 3 个元素进行样式化并重复。可能的？

Question

我知道 nth-child 是针对每个 nth 元素的，但也许可以忽略前 3 个元素，对其他 3 个元素进行风格化并重复一个巨大的列表。我试着写每 4n+1,5n+1 和 6n+1 都会改变，但这也包括 8, 15 等等，我不想被程式化。我对第 n 个孩子的所有尝试都没有结果。

Answer 1

http://jsfiddle.net/bhlaird/7c3aw/ 如果您希望您的模式每 6 个元素重复一次（3 个打开，3 个关闭），请使用 6n。

div:nth-child(6n+4), div:nth-child(6n+5), div:nth-child(6n+6) {
    background-color:#0066cc;
}

Answer 2

您可以使用：

:nth-child(6n+4), :nth-child(6n+5), :nth-child(6n+6) {
    CSS RULES
}

例如：http: //jsfiddle.net/BYossarian/3HwU9/2/

n 的乘数将是您的重复模式的长度（在本例中为 6，因为您有 3 个关闭，然后 3 个打开），然后您添加/减去一个数字以选择模式中的正确元素（在这种情况下，模式的第 4、5 和 6 个元素）。