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

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

Пример

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

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

cssa[href^="https://"] {
  color: red;
}

Результат:

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