CSS селектор атрибута по конечной части значения

Селектор атрибута по конечной части значения выбирает HTML-элементы сопоставляя заданную последовательность символов с последовательностью символов, стоящую в конце значения атрибута:

/* Выбор всех ссылок, ведущих на файлы с расширением .php */
a[href$=".php"] { color: white; background: black; }

Символ доллара ( $ ) в данном селекторе указывает, что выбор будет производиться по конечной последовательности символов в значении указанного атрибута. Если символ доллара будет пропущен, то получится требование к точному значению.

Пример

a[href$=".php"] { color: white; background: black; }

<p>
  <a href="https://puzzleweb.ru/">Главная страница</a><br>
  <a href="/css/00_teacher.php">CSS</a><br>
  <a href="/images/html/00_teacher.png">Картинка</a>
</p>