css3 not选择器 CSS3 :only-of-type 选择器

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。

此外，not选择器也可以用来匹配一些特定的HTML标记。例如：

:not(h1, h2, h3, h4, h5, h6) { 
    color: red; 
}

上面代码表明，所有不是h1-h6标记的元素都会被设为red。

总之，CSS3 not选择器是一个很强大而又方便使用的工具。它能够帮助我们快速地找到不包含特定子集的元素并对它们进行样式修改。因此，使用CSS3 not选择器能够大大减少我们在开发时所耗费的时间。

CSS3 :only-of-type 选择器

CSS3 :only-of-type 选择器

完整CSS选择器参考手册

定义和用法

:only-of-type选择器匹配属于同类型中唯一同级元素。

---

实例

实例

匹配属于同类型中唯一同级元素的p元素的背景颜色：

p:only-of-type
{
background:#ff0000;
}

---

浏览器支持

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

选择器
:only-of-type	4.0	9.0	3.5	3.2	9.6

---

完整CSS选择器参考手册