[attr$='value']

Обновлено: 19.09.2022

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

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

Синтаксис

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

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

Пример

В данном примере содержатся две ссылки, ведущие на разные домены — com и ru. При этом к каждой такой ссылке с помощью стилей добавляется своя фоновая картинка (рис. 1). Стилевые свойства будут добавляться только для тех ссылок, атрибут href которых оканчивается на «.ua» или «.com». Заметьте, что добавив к имени домена слэш (https://www.google.com/) или адрес страницы (https://www.google.com/fun.html), мы изменим тем самым окончание и стиль применяться уже не будет.