Селекторы для div с определенными атрибутами данных

Question

Я пытаюсь использовать CSS, чтобы специально выбирать div с определенными атрибутами данных.Атрибут данных, который я использую, это 'data-id', и я попробовал селекторы:

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

Ничего не работает.Может кто-нибудь помочь получить рабочий селектор, используя атрибут «data-id», чтобы сделать 2-й 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>