Question

我试图选择所有的课程＆＃39;类，除了第一个3.我不确定为什么我的语法不正确。有人可以解释我在这里做错了什么吗？

我尝试了几种不同的组合，比如在类型的第n个之前在选择器中包含类名，以及其他组合。

＆＃13;

.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;
}

＆＃13;

<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>

＆＃13;

Answer 1

您可以使用：

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

您可以找到更有用的:nth-child示例here

如果你想使用：not selector，你可以试试这个：

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

使用：not（selector）选择除少数元素之外的所有元素

1 个答案: