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

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

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

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

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

Поделиться