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

element-attr-dollar-value

Поддержка браузерами
Настольные браузеры Chrome Firefox Internet Explorer Opera Safari
Версии браузеров 4 1.0 7 9 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="film">Ворошиловский стрелок</p> — Стили применятся к этому элементу, так как слово film — это единственное слово значения атрибута

<p class="one cool film">Я робкий но я лечусь</p> — Стили применятся к этому элементу, так как последнее слово значения атрибута — film

<p class="serious-film">Семнадцать мгновений весны</p> — Стили применятся к этому элементу, так как последнее слово значения атрибута — film

<p class="a film worthy of respect">Брат</p> — Стили не применятся к этому элементу, так как слово film не является последним словом значения атрибута

Поделиться