Css not：firstchild Select 器

发布于09月06日

我有一个包含几个ul个标签的div标签.

我只能为前ul个标签设置CSS属性:

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

然而，除了第一个标签之外，我下面try 为其他ul个标签设置CSS属性的try 不起作用:

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写:"每个元素，除了第一个"？

推荐答案

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

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

如果您需要支持传统浏览器，或者如果您受到:not Select 器的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 */
}

当限制范围时，请为您正在设置的每个CSS属性使用default value.