您现在的位置是：网站首页> 编程资料编程资料

CSS3 :not()选择器实现最后一行li去除某种css样式css选择器设置标签样式的实例代码详解CSS中的选择器优先级及样式层叠问题解决CSS中的各种选择器与样式优先级小结CSS3 :nth-child()伪类选择器实现奇偶行显示不同样式html中css三种常见的样式选择器CSS 样式的使用方式、选择器

2023-10-21 273人已围观

简介在日常开发中经常会遇到在循环中的最后一个li不同于其他的li，要去除某种css样式，本文介绍的是利用CSS3新增的:not()伪类选择符，实现起来非常的方便，感兴趣的朋友们下面来一起看看吧。

本文中用到的是CSS3新增的:not()伪类选择符，可以匹配不含有选择符的元素。假定有个列表，每个列表项都有一条底边线，但是最后一项不需要底边线

实例代码如下：

复制代码

代码如下:

使用:not() 最后一行li不添加边框

总结
以上就是利用CSS3 :not()选择器去除最后一行li的某种css样式，怎么样？还是很方便的吧，希望这篇文章对大家学习或者使用CSS3能有所帮助，如果有疑问大家可以留言交流。