Селектор атрибутов в CSS позволяет выбирать элементы HTML на основе наличия или значения определённого атрибута. Это удобно, когда нужно применить стили к элементам с конкретными атрибутами, например, к ссылкам с определённым href или к input с типом checkbox.

Пример использования:

/* Выбрать все элементы с атрибутом title */
[title] {
  color: blue;
}

/* Выбрать все input с type="text" */
input[type="text"] {
  border: 1px solid #ccc;
}

/* Выбрать все ссылки, у которых href начинается с https */
a[href^="https"] {
  font-weight: bold;
}

Таким образом, селекторы атрибутов расширяют возможности стилизации, позволяя таргетировать элементы по их атрибутам.

Что такое селектор атрибутов в CSS?