编写特定的第n个子选择器

Question

我需要一些帮助，在CSS中为nth-child选择器编写以下情况

儿童＃1，＃4，＃7，＃10，......应具有特定的CSS 儿童＃2，＃3，＃5，＃6，......应该有一些其他特定的CSS

有这个（：nth-​​child（3n-2））为第一个，但是第二个不能拿出一些东西。

谢谢！

Answer 1

孩子＃2，＃3，＃5，＃6，......除了孩子＃1，＃4，＃7，＃10，......之外还有什么？

如果是这样，你可以只为所有孩子创建一个规则，然后覆盖孩子＃1，＃4，＃7，＃10 ......的样式，如下所示：

.child {
    /* All children */
}

.child:nth-child(3n-2) {
    /* Override for #1, #4, #7, #10, ... */
}

或者，如果您需要在没有覆盖的情况下专门为这些孩子应用样式，则可以在单独的规则中使用:nth-child()否定相同的:not()：

.child:nth-child(3n-2) {
    /* #1, #4, #7, #10, ... */
}

.child:not(:nth-child(3n-2)) {
    /* #2, #3, #5, #6, ... */
}

Answer 2

您可以使用:not(:nth-child(3n-2))作为第二个