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

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;
}

Така селекторите за атрибути разширяват възможностите за стилизиране, позволявайки да таргетирате елементи според техните атрибути.