Селектор по концу значения [attr$=]

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

Сигнатура[href$=".pdf"] { ... }

Оператор $= выбирает элементы, у которых значение атрибута заканчивается на указанную строку. Часто используют для подсветки ссылок на файлы по расширению.

a[href$=".pdf"]::after {
  content: " (PDF)";
  color: #b91c1c;
}
← Все записи: CSS-селекторы
Поддержать проект