微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

是否有任何具有特定值的属性的 CSS 选择器?

如何解决是否有任何具有特定值的属性的 CSS 选择器?

是否有一个 CSS 选择器可以针对特定的属性值而不管其属性如何?我正在寻找类似 INCLUDE(使用通配符)或 [*="value"](直接值选择器)之类的东西。

解决方法

没有。 CSS 属性选择器旨在根据属性进行选择(因此得名)。如果您想根据值而不是 attributeattribute value 选择某些内容,那么只需使用 CSS 类。

或者,您可以编写一个详细的选择器,其中包含您的文档将包含的所有属性(因为您应该提前知道该信息),例如:

div[data-value="value"],div[href="value"],div[hello="value"],div[goodbye="value"] {
    color: red;
}
<div data-value="value">Red</div>
<div>Black</div>
<div href="value">Red</div>
<div hello="value">Red</div>
<div goodbye="value">Red</div>
<div>Black</div>
<div>Black</div>

,

简单的答案是。我们必须使用任何基本选择器或属性选择器。

这是所有 CSS 选择器的列表。

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors

您找不到任何值选择器 :)

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。