css3 最后一个元素不要

CSS3中的伪类选择器可以给我们带来很多方便，其中一个常用的选择器就是:last-child，它可以选中一个父元素中的最后一个子元素。不过有时候我们并不希望最后一个元素被选中，这时候可以使用:not选择器。

:not可以排除掉一个元素或一组元素，语法如下：

:not(selector) {
/* styles */}
    

其中selector可以是任意的CSS选择器。比如，我们想要选中一个父元素中除了最后一个子元素以外的所有子元素，可以这样写：

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

这里parent表示父元素的选择器，*表示任意子元素，:last-child表示最后一个子元素。将其放在:not()中，表示排除最后一个子元素。

除了排除最后一个子元素，:not也可以用来排除其他特定的元素。例如下面这个例子，我们排除了其中一个class为exclude的元素。

parent >
 *:not(.exclude) {
/* styles */}
    

这样做可以很方便地控制最后一个元素不被选择，也不需要添加额外的类名或元素。需要注意的是，:not选择器在一些较老的浏览器中可能不被支持，需要根据需求做出兼容性处理。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！