css not 用法

浮岚似吾心 6个月前 137浏览 0评论

CSS的not用法指的是选择器中的非选择器。not选择器能够选中指定元素之外的所有元素。其语法为:

:not(selector) {
  style properties
}

其中,selector指定了需要排除的元素,可以是标签名、类名、ID等,也可以是多个选择器的组合。值得注意的是,not选择器只能有一个选择器作为参数,多个选择器需要组合使用。

not选择器可以被用在任何地方,例如:

p:not(.example) {
  color: red;
}

这个选择器会选中所有不含有class为example的段落元素,并将它们的颜色设置为红色。

另一个例子是,我们想让所有表单元素除了按钮元素都变为灰色,可以这样写:

form *:not(button) {
  background: grey;
}

上面这个选择器会把表单中所有不是button元素的元素背景设置为灰色。

需要注意的是,not选择器的性能很差,尽量不要在大量元素上使用它,因为这会影响网页加载的速度。而且,not选择器也不是所有浏览器都支持,因此使用时要考虑浏览器兼容性的问题。