css属性选择器 不含某属性

在CSS中，可以使用属性选择器来选中带有指定属性的元素。不过，我们也可能需要选中不含某个属性的元素，这时候就要使用“不含某属性”的属性选择器了。

/* 选中不含class属性的p标签 */p:not([class]) {
      color: red;
}

上面的代码中，我们使用了:not()伪类来选中不含class属性的p标签，并将它们的字体颜色变为红色。

/* 选中含有title和alt属性但不含src属性的img标签 */img[title][alt]:not([src]) {
      border: 1px solid blue;
}

我们也可以同时指定多个属性，并用:not()伪类来筛选不含其中某个属性的元素。上面的代码选中含有title和alt属性但不含src属性的img标签，并给它们添加了蓝色的边框。

/* 选中所有不含style属性的元素 */:not([style]) {
      background-color: yellow;
}
    

还可以使用通配符(*)来选中所有不含某个属性的元素。上面的代码选中所有不含style属性的元素，并将它们的背景颜色设为黄色。

通过“不含某属性”的属性选择器，我们可以很方便地选中不含某个属性的元素，并对它们应用样式。这种选择器可以更灵活地适应各种不同的场景。

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