选择除前两个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一样，它将选择每个带条件的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

它甚至可以更加清晰明了，而不必专门为每个元素写出非伪选择器。

U可以这样做以获得相同的结果：

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

}

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

}

我知道它的答案很晚：P，但也许对某些人还是有用的