css3伪类选择器 not

在 CSS3 中，除了基本选择器、组合选择器和属性选择器等选择器之外，还有一种非常强大的伪类选择器，那就是

:not

选择器。

:not

选择器用于选择除了指定元素以外的所有元素。也就是说，该选择器可以排除某个选择器匹配的元素，而将其它所有元素选择出来。

/* 使用 :not 选择器，选择所有的p元素，排除class为intro的元素 */
p:not(.intro) {
    color: red;
}

上述代码中，

:not

选择器的用法很简单，将需要排除的选择器写在括号内，然后再跟上一个空格和需要应用样式的选择器即可。

:not

选择器也可以用于选择特定的子元素，例如：

/* 使用 :not 选择器，选择所有li元素中不是第一个子元素的子元素 */
li:not(:first-child) {
    color: red;
}

上述代码中，

:not

选择器也可以与其它选择器组合使用，实现更加复杂的选择器效果。

总的来说，

:not

选择器是一种非常实用的选择器，能够帮助我们轻松地排除某些元素，实现更加精确的样式控制。