присвоение состояния наведения для идентификатора данных с помощью css

Question

Я пытаюсь назначить состояние наведения с помощью css для идентификатора данных. Кто-нибудь знает, как это сделать?

Я пытался присвоить состояние при наведении, как это:

[data-id="23"] a:hover {background-color:#333 !important;} 

это не сработало. Также попробовал это:

[data-id="23"] {background-color:#ffaaa6; &:hover {background-color:#333 !important;}}

Answer 1

Попробуйте без пробелов. В первом примере вы нацелены на гиперссылку внутри идентификатора данных.

[data-id="23"]:hover {
  color: red;
}

<div data-id="23">Test ID</div>