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

Question

是否有可以针对特定属性值而不考虑其属性的 CSS 选择器？我正在寻找类似[*="value"]（使用通配符）或{value}（直接值选择器）的东西。

标签： csscss-selectors

Answer 1

不会。CSS 属性选择器旨在根据属性进行选择（因此得名）。如果您想根据值而不是属性或属性值来选择某些东西，那么只需使用 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>