:not()
可以排除指定的元素,使选择器不会选中那些元素。它的语法是:
:not(selector)
其中,selector
是一个标准的 CSS 选择器。
比如下面这个例子:
div:not(.red) { color: blue; }
这个选择器选中了所有<div>
元素,但排除了类名为.red
的<div>
元素。所以只会对除了类名为.red
的<div>
元素设置蓝色。
这个例子中使用了一个类选择器.red
,但是:not()
也可以与其它选择器一起使用,比如与#id
、伪类等。
注意,:not()
伪类选择器是只能选择单个元素的,不能选择一组元素。如果大家需要排除多个元素,则需要重复使用:not()
选择器。
总之,:not()
伪类选择器是一个很有用的工具,能够方便地排除大家不需要的元素,使样式设置更加灵活。