使用 :not(selector) 选择除少数之外的所有元素 [重复]

Question

我正在尝试选择除前 3 个之外的所有“类”类。我不确定为什么我的语法不正确。有人可以解释我在这里做错了什么吗？

我尝试了一些不同的组合，例如在选择器中包含第 n 个类型之前的类名等。

.classes {
  background: red;
  width: 200px;
  height: 30px;
  margin-bottom: 5px;
}

.classes:not(.classes:nth-of-type(1)), .classes:not(nth-of-type(2)), .classes:not (nth-of-type(3)) {
  background: blue;
}

.classes:nth-of-type(6) {
  background: orange;
}

<div class='classes'>test</div>
<div class='classes'>test</div>
<div class='classes'>test</div>
<div class='classes'>test</div>
<div class='classes'>test</div>
<div class='classes'>test</div>
<div class='classes'>test</div>

Answer 1

你可以用这个：

.classes {
    background: green;   
}
.classes:nth-child(n+4) {
    background: red;
}

你可以找到更多有用的:nth-child例子here

如果你想完全使用 :not 选择器，你可以试试这个：

.classes:not(:first-child):not(:nth-child(2)):not(:nth-child(3)) {
  background: yellow;
}