Селектор пользовательского атрибута HTML5 есть в CSS?

Question

[Mishka_Sev]

Есть тег c атрибутом data-color="grey":

<input type="button" value="ОК!" data-color="grey">

Как его выделить при помощи CSS?

Answer 1

[Виталий Першин]

[data-color="grey"] {
color: grey;
}

Comments

[Mishka_Sev]

Практика использования таких селекторов распространена в команде, или только для какихто тестовых специфических нужд используется?*

[Виталий Першин]

Mishka_Sev, Это удобный способ, специфичность(приоритет) такого селектора равносильна обычному классу, поэтому можно без проблем переопределять стили классов и наоборот, без повышения специфичности такими методами как например !important.
Главное найти для себя правильный подход и не превращать свою разметку в винегрет.

Answer 2

[profesor08]

https://www.w3schools.com/cssref/css_selectors.asp