css 中选择不包含某属性值

时间2023-11-09 03:57:02发布访客分类CSS浏览584

导读：CSS中选择不包含某属性值的方法有两种，分别是使用:not伪类和使用[attribute$=value]选择器。/* 使用:not伪类 */p:not([class] { color: red;}以上代码会选择所有没有class属性的p...

CSS中选择不包含某属性值的方法有两种，分别是使用:not伪类和使用[attribute$=value]选择器。

/* 使用:not伪类 */p:not([class]) {
      color: red;
}

以上代码会选择所有没有class属性的p元素，并将其颜色设置为红色。

/* 使用[attribute$=value]选择器 */p[class$="test"] {
      font-size: 20px;
}

以上代码会选择class属性值以“test”结尾的p元素，并将其字体大小设置为20像素。

这两种方法都可以很方便地选择不包含某属性值的元素，具体使用可以根据实际需求选择。

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