CSS3 :not 选择器
CSS :not()
用来匹配不符合一组选择器的元素。由于它的作用是防止特定的元素被选中,它也被称为反选伪类(negation pseudo-class)。
实例
设置非 <p> 元素的所有元素的背景色:
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: #000000;
}
:not(p) {
color: #ff0000;
}
</style>
</head>
<body>
<h2>这是标题</h2>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
<div>这是 div 里的一些元素。</div>
<a href="https://cankaoshouce.com" target="_blank">Link to Cankaoshouce!</a>
</body>
</html>
浏览器支持
表格中的数字注明了完全支持该属性的首个浏览器版本。
选择器 | |||||
---|---|---|---|---|---|
:not | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |
定义和用法
:not(selector)
选择器匹配非指定元素/选择器的每个元素。
CSS 语法
:not(selector) {
css declarations;
}