正如我使用ul:not(:first-child)是一个完美的解决方案。

div ul:not(:first-child) {
    background-color: #900;
}

为什么这是完美的，因为通过使用ul:not(:first-child)，我们可以在内部元素上应用CSS。比如li, img, span, a标签等等。

但当使用其他解决方案时:

div ul + ul {
  background-color: #900;
}

and

div li~li {
    color: red;
}

and

ul:not(:first-of-type) {}

and

div ul:nth-child(n+2) {
    background-color: #900;
}

这些只限制ul级别的CSS。假设我们不能将CSS应用于li作为' div ul + ul li'。

对于内部关卡元素，第一个解决方案非常有效。

div ul:not(:first-child) li{
        background-color: #900;
    }

等等……

li + li {
    background-color: red;
}

由于:not不被IE6-8所接受，我建议你这样做:

div ul:nth-child(n+2) {
    background-color: #900;
}

所以你选择了父元素中的每个ul，除了第一个。

参考Chris Coyer的“有用的:第n个孩子的食谱”一文，了解更多关于第n个孩子的例子。

你可以使用not的任何选择器

p:not(:first-child){}
p:not(:first-of-type){}
p:not(:checked){}
p:not(:last-child){}
p:not(:last-of-type){}
p:not(:first-of-type){}
p:not(:nth-last-of-type(2)){}
p:not(nth-last-child(2)){}
p:not(:nth-child(2)){}

Not (:first child)似乎不再起作用了。至少最新版本的Chrome和Firefox是这样的。

相反，试试这个:

ul:not(:first-of-type) {}

你发布的一个版本实际上适用于所有现代浏览器(支持CSS选择器级别3):

div ul:not(:first-child) {
    background-color: #900;
}

如果你需要支持旧浏览器，或者你被:not选择器的限制(它只接受一个简单的选择器作为参数)所阻碍，那么你可以使用另一种技术:

定义一个比你想要的范围更大的规则，然后有条件地“撤销”它，将其范围限制在你想要的范围内:

div ul {
    background-color: #900;  /* applies to every ul */
}

div ul:first-child {
    background-color: transparent; /* limits the scope of the previous rule */
}

在限制作用域时，使用您正在设置的每个CSS属性的默认值。