具有特定数据属性的div选择器

Question

我正在尝试使用CSS专门选择具有特定数据属性的div。我正在使用的数据属性是“数据ID”，而我尝试过的选择器是：

div['data-id'*="2"]
div[data-id="2"]
div['data-id'="2"]

没有任何效果。任何人都可以使用'data-id'属性将第二个div设为红色来帮助获得有效的选择器吗？感谢您的帮助。

div['data-id'*="2"] {
  color: red;
}
div {
  color: blue;
}

/* also fails:
div[data-id="2"]
div['data-id'="2"]
*/

<div data-id='1'>one</div>
<div data-id='2'>two</div>
<div data-id='3'>three</div>

Answer 1

应该是data-id="2"是的，可以。

div[data-id="2"] {
  color: red;
}
div {
  color: blue;
}

/* also fails:
div[data-id="2"]
div['data-id'="2"]
*/

<div data-id='1'>one</div>
<div data-id='2'>two</div>
<div data-id='3'>three</div>