什么CSS选择器根据属性值找到元素,而不管属性名称是什么?

时间:2015-10-23 18:17:00

标签: html css css3

例如,在下面的元素中,无论属性的名称是什么,哪个选择器都会找到值为“value2”的所有内容?

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

1 个答案:

答案 0 :(得分: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;
}