Czym jest selektor atrybutów w CSS?

Selektor atrybutów w CSS pozwala na wybieranie elementów HTML na podstawie obecności lub wartości określonego atrybutu. Jest to przydatne, gdy chcesz zastosować style do elementów z konkretnymi atrybutami, na przykład linków z określonym href lub inputów typu checkbox.

Przykład użycia:

/* Wybierz wszystkie elementy z atrybutem title */
[title] {
  color: blue;
}

/* Wybierz wszystkie inputy z type="text" */
input[type="text"] {
  border: 1px solid #ccc;
}

/* Wybierz wszystkie linki, których href zaczyna się od https */
a[href^="https"] {
  font-weight: bold;
}

W ten sposób selektory atrybutów rozszerzają możliwości stylizacji, pozwalając na celowanie w elementy na podstawie ich atrybutów.