欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  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>
 
  效果如下:
 
 
微信截图_20181119102549.png


 
  分析:
 
  对于“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