css属性选择器不包含

当我们在写CSS样式时，我们经常需要根据属性值来选择元素。而这时，我们可以使用属性选择器。但是，属性选择器有一个不包含的部分，即它不能选择属性不存在的元素。

例如:/* 下面这个选择器将选择class属性值为"example"的元素 */.example {
      color: red;
}
/* 下面这个选择器将选择title属性值为"example"的元素 */[title="example"] {
      background-color: yellow;
}
/* 下面这个选择器将选择data-highlighted属性值以"example"开头的元素 */[data-highlighted^="example"] {
      font-weight: bold;
}
/* 但是下面这个选择器将不会选择没设置title属性的元素 */[title="example"] {
      background-color: yellow;
}
/* 如果我们想要选择所有没有设置title属性的元素，我们可以使用下面这个选择器 */:not([title]) {
      background-color: gray;
}
    

总之，属性选择器不包含属性不存在的元素，所以如果我们想要选择没有设置某个属性的元素，我们需要使用其他的选择器来实现。

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