css3 not选择器 CSS3 :not 选择器

css3 not选择器

CSS3 not选择器是CSS3中新增的一种选择器，它可以用来排除特定的元素。它可以帮助我们快速地找到页面中不包含特定元素的元素，而不必再使用复杂的选择器。

not选择器的语法是：selector:not(subselector)，其中selector表示要匹配的元素，subselector表示要排除的元素。例如：

div:not(.class1) { 
    color: red; 
}

上面代码表示，所有div元素中不带有class1 class的都会被设为red。

此外，not选择器还可以使用多个子选择器来进行多重过滤。例如：

div:not(.class1, .class2) { 
    color: red; 
}

上面代码表示，所有div元素中不带有class1或者class2 class的都会被设为red。

总之，CSS3 not选择器是一个很强大的工具，它可以帮助我们快速地找到不包含特定元素的元素。使用not选择器可以大大减少我们写CSS时所花费的时间。

CSS3 :not 选择器

CSS3 :not 选择器

完整CSS选择器参考手册

定义和用法

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

否定选择器允许您反转任何选择。此选择器在CSS3中添加。它具有以下格式：

not(selector)

---

实例

实例

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

:not(p)
{
  background:#ff0000;
}

---

浏览器支持

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

选择器
:not()	4.0	9.0	3.5	3.2	9.6

---

完整CSS选择器参考手册