Селектор по концу значения атрибута

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

Пример

Давайте обратимся к тегу a, у которого значение атрибута href заканчивается на .html и перекрасим его в красный цвет:

html<a href="file.html">link1</a>
<a href="">link2</a>

cssa[href$=".html"] {
  color: red;
}

Результат:

селектор атрибута,
который ищет элемент по имени атрибута
селектор атрибута,
который ищет элемент по значению атрибута
селектор атрибута,
который ищет элемент по началу значения атрибута
селектор атрибута,
который ищет элемент по тексту в значении атрибута
селектор атрибута,
который ищет элемент по одному из значений атрибута
селектор атрибута,
который ищет элемент по дефису в значении атрибута
Дочерний селектор,
который позволяет выбрать элементы по непосредственной вложенности
Контекстный селектор,
который позволяет выбрать элемент по его родителю
Соседний селектор,
который позволяет выбрать элемент по его соседу
Родственный селектор,
который позволяет выбрать элементы после заданного
Универсальный селектор,
который позволяет выбрать все элементы