css属性选择器 非

在CSS中，属性选择器允许我们通过元素的属性来选择特定的元素，这些属性选择器可以根据元素的属性值来选择或过滤不同的元素。

例如：a[href] {
      color: blue;
}

这个属性选择器选中所有拥有href属性的a标签，然后将字体颜色设置为蓝色。但是有时候我们也需要过滤掉一些元素，这时就需要用到非选择器：not。

例如：:not(.class) {
      color: red;
}

这个非选择器选中所有没有class属性的元素，并将字体颜色设置为红色。

非选择器也可以与其他选择器一起使用，例如：

div:not(:first-child) {
      margin-top: 20px;
}

这个选择器选中所有不是其父元素中第一个子元素的div，然后给它们添加20像素的上外边距。

需要注意的是，非选择器不能与属性选择器一起使用，例如以下代码是无效的：

a:not([href]) {
  /* 无效 */}

另外，非选择器也可以用于选择子元素：

ul li:not(:first-child) {
  /* 选择除了第一个子元素的所有子元素 */}
    

总之，非选择器是一个非常有用的选择器，可以帮助我们更好地过滤和选择元素，使得我们的CSS更显灵活和可读性更强。

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