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

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

/* Выбор всех ссылок, адрес которых начинается с https */
a[href^="https"] { color: white; background: black; }

Символ ^ в данном селекторе указывает, что выбор будет производиться по начальной последовательности символов в значении данного атрибута. Если символ ^ будет пропущен, то получится требование к точному значению, которое выберет только те элементы, где в значении атрибута href содержится только слово https.

Пример

a[href^="https"] { color: white; background: black; }

<p>
  <a href="https://puzzleweb.ru/html/00_teacher.php">HTML</a>
  <br>
  <a href="/css/00_teacher.php">CSS</a>
  <br>
  <a href="https://puzzleweb.ru/javascript/index.php">JS</a>
</p>