选择除前两个div之外的所有div

Question

我可以使用以下内容选择不是兄弟姐妹中第一个div的所有div。

div:not(:nth-of-type(1))

无论如何我可以选择不是前两个的所有div吗？

Answer 1

您可以使用顺序:not伪，所以：div:not(:nth-of-type(1)):not(:nth-of-type(2))

http://jsfiddle.net/akm4qnds/

或

更好的是，您可以使用sibilings选择器...像div:condition ~ div一样，它将选择每个具有条件的div之后的sibiling div。

所以：div:nth-of-type(2) ~ div将选择第二个孩子之后的每个div。

http://jsfiddle.net/akm4qnds/1/

Answer 2

您可以使用多个:not排除多个项目

示例

div:not(:nth-child(1)):not(:nth-child(2)) {
    background: blue;
}

<强> DEMO

Answer 3

它甚至可以更清晰地圆顶，没有专门为每个元素写出非伪选择器。

你可以做到这一点得到相同的结果：

:not(:nth-of-type(-n+2)) {

}

:not(:nth-child(-n+2)) {

}

我知道这是一个迟到的答案：P但也许对某人有用