[attr$='value']

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

Встановлює стиль для елемента в тому випадку, якщо значення атрибута закінчується зазначеним текстом.

Синтаксис

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

У першому випадку стиль застосовується до всіх елементів, у яких значення атрибута завершується заданим текстом. А в другому - тільки до певних селекторів.

Приклад

У цьому прикладі містяться два посилання, що ведуть на різні домени - com і ua. При цьому до кожного такого посилання за допомогою стилів додається своя фонова картинка (рис. 1). Стильові властивості додаватимуться тільки для тих посилань, атрибут href яких закінчується на ".ua" або ".com". Зауважте, що додавши до імені домену слеш (https://www.google.com/) або адресу сторінки (https://www.google.com/fun.htm...), ми змінимо тим самим закінчення і стиль застосовуватися вже не буде.