不是：第一个孩子选择器

我有一个div包含多个ul标签的标签。

我ul只能为第一个标记设置CSS属性：

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

但是，我以下尝试为ul除第一个标签之外的其他每个标签设置CSS属性不起作用：

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

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

div ul:first-child:after {
    background-color: #900;
}

如何在CSS中编写“除第一个元素外的每个元素”？

一个您发布的版本的实际工作为所有现代浏览器（如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属性使用默认值。

这个CSS2解决方案（“ ul另一个ul”）也可以使用，并且得到更多浏览器的支持。

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

不同于:not和:nth-sibling，IE7 +支持相邻的兄弟选择器。

如果您在页面加载后用JavaScript更改了这些属性，则应查看IE7和IE8实现中的一些已知错误。 请参阅此链接。

对于任何静态网页，这应该都能正常工作。

由于IE6-8:not不接受，因此我建议您这样做：

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

因此，您可以选择ul其父元素中的每个元素（第一个元素除外）。

有关更多示例，请参阅Chris Coyer的“有用的第n个孩子的食谱”一文。nth-child

div li~li {
    color: red;
}

支持IE7

not(:first-child)似乎不再起作用。至少使用更新版本的Chrome和Firefox。

相反，请尝试以下操作：

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

您可以将任何选择器用于 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)){}

以上这些我没有运气，

这是唯一真正为我工作的人

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

当我尝试使页面上显示的第一个按钮不受左空白选项影响时，这对我有用。

这是我首先尝试的选项，但是没有用

ul:not(:first-child)

您可以将选择器与:not波纹管一起使用，也可以在内部使用任何选择器:not()

any_CSS_selector:not(any_other_CSS_selector){
    /*YOUR STYLE*/
}

您也可以:not不使用父选择器。

   :not(:nth-child(2)){
        /*YOUR STYLE*/
   }

更多例子

any_CSS_selector:not(:first-child){
    /*YOUR STYLE*/
}
any_CSS_selector:not(:first-of-type){
    /*YOUR STYLE*/
}
any_CSS_selector:not(:checked){
    /*YOUR STYLE*/
}
any_CSS_selector:not(:last-child){
    /*YOUR STYLE*/
}
any_CSS_selector:not(:last-of-type){
    /*YOUR STYLE*/
}
any_CSS_selector:not(:first-of-type){
    /*YOUR STYLE*/
}
any_CSS_selector:not(:nth-last-of-type(2)){
    /*YOUR STYLE*/
}
any_CSS_selector:not(:nth-last-child(2)){
    /*YOUR STYLE*/
}
any_CSS_selector:not(:nth-child(2)){
    /*YOUR STYLE*/
}

如我所用，这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;
}

和

div li~li {
    color: red;
}

和

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

和

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

等等 ...