Comment puis-je cibler des éléments CSS avec n'importe quelle valeur d'attribut ?

Ciblage d'éléments avec des valeurs attribuées en CSS

CSS permet aux développeurs de sélectionner des éléments spécifiques en fonction d'attributs. Bien que le ciblage d'éléments avec une valeur d'attribut prédéfinie soit simple, l'étendre à n'importe quelle valeur d'attribut peut s'avérer difficile.

Énoncé du problème

Pouvons-nous sélectionner des éléments avec n'importe quelle valeur d'attribut, similaire à :

a[rel=*]
{
    color: red;
}

Ce sélecteur doit correspondre à ce qui suit HTML :

<a href="#" rel="eg">red text</a>
<a href="#">standard text</a>
<a href="#" rel="more">red text again</a>

Solution

Pour cibler toute valeur d'attribut non vide, utilisez le sélecteur suivant :

a[rel]
{
    color: red;
}

Ce sélecteur faites correspondre toutes les balises d'ancrage avec l'attribut 'rel'.

Gestion du vide Valeurs

Cependant, si l'exigence est de différencier les valeurs d'attribut vides et non vides, introduisez la pseudo-classe CSS ':not' :

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

Ce sélecteur sélectionnez les balises d'ancrage avec un attribut 'rel' qui n'est pas vide.

Supplémentaire Remarque

Par défaut, les balises d'ancrage HTML avec un attribut « href » ont un style « curseur : pointeur » appliqué. Cette fonctionnalité met en évidence la possibilité de sélectionner des éléments en fonction de la présence de n'importe quelle valeur d'attribut.

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!