css - 不是 :first-child selector

Question

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

我只能为第一个 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 中编写:“除第一个元素之外的每个元素”？

Answer 1

您发布的版本之一 actually works对于所有现代浏览器(其中 CSS selectors level 3 是 supported ):

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

如果您需要支持旧版浏览器，或者如果您受到 :not 选择器的 limitation 的阻碍(它只接受 simple selector 作为参数)然后你可以使用另一种技术:

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

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

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

限制范围时使用 default value对于您正在设置的每个 CSS 属性。