html - 什么 CSS 选择器根据属性值查找元素，而不考虑属性名称？

Question

例如，在下面的元素中，无论属性名称如何，哪个选择器会找到值为“value2”的所有内容？

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

Answer 1

我可以建议拥有一个特定属性然后搜索该特定属性值吗？

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;
}