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é.

Gestion du vide Valeurs

Cependant, la règle ci-dessus fera également correspondre les éléments avec des attributs rel vides. Pour les exclure, incorporez la pseudo-classe :not :

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

Cela stylisera les balises d'ancrage avec des attributs rel non vides, résolvant ainsi le problème signalé par vsync.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!