Qu'est-ce qu'un sélecteur d'attributs en CSS?

Le sélecteur d'attributs en CSS permet de sélectionner des éléments HTML en fonction de la présence ou de la valeur d'un attribut spécifique. Cela est pratique lorsque vous souhaitez appliquer des styles à des éléments avec des attributs précis, par exemple, des liens avec un href particulier ou des inputs de type checkbox.

Exemple d'utilisation :

/* Sélectionner tous les éléments avec l'attribut title */
[title] {
  color: blue;
}

/* Sélectionner tous les input de type "text" */
input[type="text"] {
  border: 1px solid #ccc;
}

/* Sélectionner tous les liens dont le href commence par https */
a[href^="https"] {
  font-weight: bold;
}

Ainsi, les sélecteurs d'attributs étendent les possibilités de stylisation, permettant de cibler les éléments selon leurs attributs.