什么CSS选择器基于属性值查找元素，而不管属性名称？ [英] What CSS selector finds elements based on attribute values, regardless of attribute names?

问题描述

例如，在下面的元素中，无论属性名称如何，什么选择器都会找到值为value2的所有值？

For example, in the elements below, what selector would find everything with a value of "value2", regardless of the attribute's name?

<div data-name1="value1"></div>
<div data-name2="value2"></div>
<div data-name3="value2"></div>
<div data-name4="value1"></div>

推荐答案

我可以建议使用特定属性，然后搜索具体属性值？

May I suggest having a specific attribute and then searching that specific attribute value?

HTML

<div data-name="value1"></div>
<div data-name="value2"></div>
<div data-name="value2"></div>
<div data-name="value1"></div>

CSS

[data-name^='value2'] {
    background-color:red;
}

这篇关于什么CSS选择器基于属性值查找元素，而不管属性名称？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！