Селектор по одному из значений атрибута

Селектор по одному из значений атрибута задает стиль элементу, у которого в атрибуте есть хотя бы одно из указанных значений. При этом все значения атрибута должны быть разделены пробелом.

Пример

Давайте найдем все <p>, содержащие в одном из значений test, и перекрасим их в синий цвет:

html<p class="test main">text1</p>
<p class="text">text2</p>
<p class="tag test">text3</p>

cssp[class~="test"] {
  color: blue;
}

Результат:

Смотрите также