not()选择器
在CSS3中,:not()选择器中主要用于选取某个元素之外的所有元素。这是veryvery实用的一个选择器。
举例:
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS3:not()选择器</title>
<styletype="text/css">
*{padding:0;margin:0;}
ul{list-style-type:none;}
ulli:not(.first)
{
color:red;
}
</style>
</head>
<body>
<ul>
<liclass="first">php中文网</li>
<li>php中文网</li>
<li>php中文网</li>
<li>php中文网</li>
</ul>
</body>
</html>
效果如下:

分析:
对于“ulli:not(。first)”这个选择器,我们分2步来看,其中括号内的“。first”表示选择class值为first的元素(即第1个li元素),因此“ulli:not(。first)”表示选择ul元素下除了第1个li元素的其他所有li元素。
假如没有:not()选择器,我们要实现如上效果也是非常费事的一件事情,冗余代码多。其实:not()选择器的使用思想跟数学上补集的思想类似。:not()选择器在实际开发中非常实用,也比较灵活。
本文转载自中文网
本文转载自中文网
如需转载,请注明文章出处和来源网址:http://www.divcss5.com/css3-style/c56572.shtml