有没有一种 CSS 选择器可以针对特定的属性值进行选择,而不管它是哪个属性?我正在寻找类似于
[*="value"]
(使用通配符)或 {value}
(直接值选择器)的东西。[*="value"]
(使用通配符)或 {value}
(直接值选择器)的东西。https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors
您找不到任何值选择器 :)
不行。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>