[attr^='value']

Обновлено: 02.06.2022

[атрибут^="значение"]

Устанавливает стиль для элемента в том случае, если значение атрибута начинается с указанного текста.

Синтаксис

[атрибут^="<значение>"] { Описание правил стиля }
E[атрибут^="<значение>"] { Описание правил стиля }

В первом случае стиль применяется ко всем элементам, у которых значение атрибута начинаются с указанного текста. А во втором — только к определенным селекторам. Использование кавычек не обязательно.

Пример

В данном примере внешние ссылки выделяются жирным начертанием. Внешние ссылки характеризуются добавлением к адресу протокола, например, для доступа к гипертекстовым документам используется протокол HTTP. Поэтому внешние ссылки начинаются с ключевого слова http://, его и добавляем к селектору A, как показано в примере.