Селекторы атрибутов: element[attr~="value"]

element attr tilde value

Поддержка браузерами
Настольные браузеры Chrome Firefox Internet Explorer Opera Safari
Версии браузеров 4 1.0 7.0 9.0 3
Мобильные браузеры Android Firefox Mobile IE Phone Opera Mobile Safari Mobile
Базовая поддержка, версии браузеров 2.2 1.0 7.5 12 5.1
Селектор атрибута
element[attr~="value"] — этот селектор позволяет применить стили к элементам с частичным значением атрибута. Значение атрибута может состоять из одного или нескольких слов, которые разделены пробелами.
Правила записи

element[attr~="value"] { свойство: значение; }

Пробел между элементом и первой скобкой не допускается

Примеры

<p class="one day">Стили применятся ко всем абзацам в документе которые имеют атрибут class со значением day</p>

<p class="two day">Стили применятся ко всем абзацам в документе которые имеют атрибут class со значением day</p>

В данном примере стили применятся к обоим абзацам, так как и первый и второй абзац в значении атрибута имеет слово day

Поделиться