峰峰信息港免费发布平台杭州seo排名收费
在CSS3中not()选择器怎么用
发布时间：2020-12-07 14:40:14
来源：亿速云
阅读：115
作者：小新
小编给大家分享一下在CSS3中not()选择器怎么用，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！
not()选择器
在CSS3中，:not()选择器中主要用于选取某个元素之外的所有元素。这是very very实用的一个选择器。
举例：
CSS3 :not()选择器*{padding:0;margin:0;}
ul{list-style-type:none;}
ul li:not(.first)
{
color:red;
}
- 亿速云
- 亿速云
- 亿速云
- 亿速云
分析：
对于 “ul li:not(。first)”这个选择器，我们分2步来看，其中括号内的“。first”表示选择class值为first的元素(即第1个li元素)，因此“ul li:not(。first)”表示选择ul元素下除了第1个li元素的其他所有li元素。
假如没有：not()选择器，我们要实现如上效果也是非常费事的一件事情，冗余代码多。其实：not()选择器的使用思想跟数学上补集的思想类似。：not()选择器在实际开发中非常实用，也比较灵活。
以上是“在CSS3中not()选择器怎么用”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！