css属性选择器 not

在CSS中使用属性选择器，可以按属性值来选择元素集。在属性选择器中，有一种非常常用的选择器，就是“not选择器”（也称为“否定选择器”）。

/* not选择器基本语法 */:not(selector) {
  /* 这里是CSS代码 */}

not选择器使用的是冒号后面紧跟“not”关键字的语法，圆括号内是要选择的元素，可以是元素名、类名或者ID，其作用就是排除这些元素，不对其进行样式定义。

/* 排除所有的p元素 */:not(p) {
      color: red;
}
/* 排除ID为box的元素 */:not(#box) {
      background-color: #fff;
}
/* 排除类名为test的元素 */:not(.test) {
      font-size: 20px;
}

not选择器还可以与其他选择器配合使用，例如与class选择器组合：

/* 选择所有没有class属性的元素 */:not([class]) {
      text-align: center;
}
/* 排除所有class为“hide”的元素 */body :not(.hide) {
      display: block;
}
    

总的来说，not选择器是一种非常方便实用的属性选择器，能够帮助我们在样式定义中灵活排除指定元素。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！