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

element-attr-pipe-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"> Стили применятся ко всем абзацам в документе у которых значение атрибута точно указано как one или же слово one является первым словом после которого следует дефис </p>

<p class="one-two"> Стили применятся ко всем абзацам в документе у которых значение атрибута точно указано как one или же слово one является первым словом после которого следует дефис </p>

<p class="one-two-three"> Стили применятся ко всем абзацам в документе у которых значение атрибута точно указано как one или же слово one является первым словом после которого следует дефис </p>

Поделиться