CSS3 :not 选择器 | CSS 伪类(Pseudo-classes) | CSS教程

terry • 2022年4月7日上午11:58 • CSS属性 • 阅读 231

定义和用法

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

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

选择器	谷歌	IE	火狐	苹果	opera
:not(selector)	4.0	9.0	3.5	3.2	9.6

实例

为每个并非<p>元素的元素设置背景颜色：

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>Web176教程(web176.com)</title>
<style>
p {
    color: #000000;
}

:not(p) {
    color: #ff0000;
}
</style>
</head>
<body>

<h1>这是一个标题</h1>

<p>这是一个段落.</p>
<p>这是另一个段落.</p>

<div>这是div元素的一些文本。</div>

<a href="https://www.web176.com/" target="_blank">链接到Web176教程</a>


</body>
</html>

作者：terry，如若转载，请注明出处：https://www.web176.com/cssprop/5367.html

CSS教程