Comment puis-je styliser des éléments avec des attributs de n'importe quelle valeur en CSS ?

Ciblage d'éléments avec des attributs de n'importe quelle valeur en CSS

CSS offre la possibilité de cibler des éléments avec des attributs spécifiques, tels que input[type=text]. Cependant, pouvons-nous étendre cela aux éléments avec des attributs de n'importe quelle valeur ?

Le défi

Vous souhaitez styliser les éléments qui ont un attribut avec n'importe quelle valeur (à l'exclusion de ceux sans attribut). Par exemple, vous pourriez viser à mettre en évidence les balises d'ancrage avec un attribut rel défini.

La solution

Pour ce faire, utilisez la syntaxe suivante :

a[rel]
{
    color: red;
}

Cette règle correspondra à n'importe quelle balise d'ancrage () possédant un attribut rel, en ajoutant le style spécifié.

a[rel]:not([rel=""])
{
    color: red;
}