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

element-attr-asterisk-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="за что">трам пам пам</p> — Стили применятся к этому элементу, так как в значении атрибута есть слово — что

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

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

Поделиться