CSS3 :not 选择器

CSS :not() 用来匹配不符合一组选择器的元素。由于它的作用是防止特定的元素被选中,它也被称为反选伪类(negation pseudo-class)。


实例

设置非 <p> 元素的所有元素的背景色:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <style>
  5. p {
  6. color: #000000;
  7. }
  8. :not(p) {
  9. color: #ff0000;
  10. }
  11. </style>
  12. </head>
  13. <body>
  14. <h2>这是标题</h2>
  15. <p>这是一个段落。</p>
  16. <p>这是另一个段落。</p>
  17. <div>这是 div 里的一些元素。</div>
  18. <a href="https://cankaoshouce.com" target="_blank">Link to Cankaoshouce!</a>
  19. </body>
  20. </html>

浏览器支持

表格中的数字注明了完全支持该属性的首个浏览器版本。

选择器
:not4.09.03.53.29.6

定义和用法

:not(selector) 选择器匹配非指定元素/选择器的每个元素。


CSS 语法

  1. :not(selector) {
  2. css declarations;
  3. }

分类导航