如何选择一个元素的所有子元素，除了最后一个子元素?

我如何使用CSS3选择器选择除最后一个子之外的所有子?

例如，如果只获取最后一个子元素，则使用div:n -last-child(1)。

当前回答

使用nick craver的解决方案与selectivizr允许跨浏览器解决方案(IE6+)

其他回答

你可以对:last子伪类使用否定伪class:not()。引入CSS选择器Level 3后，它在IE8或以下版本中无法工作:

:not(:last-child) { /* styles */ }

要查找last中的元素，请使用

<style>
ul li:not(:last-child){ color:#a94442}  
</style>

使用nick craver的解决方案与selectivizr允许跨浏览器解决方案(IE6+)

在css3中有一个:not选择器。使用:not()和:last-child一起选择除最后一个外的所有子元素。例如，要选择ul中除了最后一个li之外的所有li，使用以下代码。

ul li:not(:last-child){   }

.nav-menu li:not(:last-child){
    // write some style here
}

这段代码应该将该样式应用于除最后一个子元素之外的所有元素

推荐文章