Cos'è un selettore di attributi in CSS?

Il selettore di attributo in CSS consente di selezionare gli elementi HTML in base alla presenza o al valore di un attributo specifico. È utile quando si desidera applicare stili a elementi con attributi particolari, ad esempio link con un href specifico o input di tipo checkbox.

Esempio di utilizzo:

/* Selezionare tutti gli elementi con l'attributo title */
[title] {
  color: blue;
}

/* Selezionare tutti gli input di tipo "text" */
input[type="text"] {
  border: 1px solid #ccc;
}

/* Selezionare tutti i link il cui href inizia con https */
a[href^="https"] {
  font-weight: bold;
}

In questo modo, i selettori di attributo ampliano le possibilità di stilizzazione, permettendo di targetizzare gli elementi in base ai loro attributi.