如何排除第n个选择器？

Question

让我说我有这个：

我想为每个div添加绿色，除了具有3的倍数的div？有可能用nth-child()或者用其他方式吗？

Answer 1

这应该有效：

:not(:nth-child(3n))

Answer 2

您可以使用:nth-child()和:not()伪类来执行此操作，该类将选择除每3 div

之外的所有div

＆＃13;

＆＃13;

div:not(:nth-child(3n)) {
  color: green;
}

＆＃13;

<div>Div</div>
<div>Div</div>
<div>Div</div>
<div>Div</div>
<div>Div</div>
<div>Div</div>

＆＃13;

＆＃13;

＆＃13;

另一种方法是选择div:nth-child(3n + 1)和div:nth-child(3n + 2)

＆＃13;

＆＃13;

div:nth-child(3n +1),
div:nth-child(3n + 2) {
  color: green;
}

＆＃13;

<div>Div</div>
<div>Div</div>
<div>Div</div>
<div>Div</div>
<div>Div</div>
<div>Div</div>

＆＃13;

＆＃13;

＆＃13;

Answer 3

这很好用

div:nth-child(3n) {
background: black;

}