html中not选择器,在CSS3中not()选择器怎么用

在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()选择器怎么用”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！