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

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

Пример

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

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

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

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

селектор атрибута,
который ищет элемент по имени атрибута
селектор атрибута,
который ищет элемент по значению атрибута
селектор атрибута,
который ищет элемент по началу значения атрибута
селектор атрибута,
который ищет элемент по концу значения атрибута
селектор атрибута,
который ищет элемент по тексту в значении атрибута
селектор атрибута,
который ищет элемент по дефису в значении атрибута
Дочерний селектор,
который позволяет выбрать элементы по непосредственной вложенности
Контекстный селектор,
который позволяет выбрать элемент по его родителю
Соседний селектор,
который позволяет выбрать элемент по его соседу
Родственный селектор,
который позволяет выбрать элементы после заданного
Универсальный селектор,
который позволяет выбрать все элементы