Médiaforma

Sélection des éléments dont un attribut contient une valeur donnée

Print Friendly

Pour en terminer avec les sélecteurs CSS, je vais vous montrer comment modifier les caractéristiques des balises qui contiennent un attribut dont la valeur contient une chaîne donnée.

A titre d’exemple, nous allons écrire en rouge les balises <p> dont l’attribut title contient le mot paragraphe.

Comme vous pouvez le voir, seuls les premier, deuxième et cinquième paragraphes ont un attribut title qui contient le mot paragraphe. Le sélecteur à utiliser est le suivant :

p[title*= »paragraphe »]

L’astérisque indique que l’attribut doit contenir le texte entre guillemets. Sans lui, seuls les paragraphes dont l’attribut title vaut paragraphe seraient concernés.

Pour que les paragraphes dont l’attribut title contient le mot paragraphe apparaissent en rouge, il suffit d’ajouter color: red; à la suite du sélecteur et de l’entourer d’accolades. Voici le résultat :

Vous avez aimé cet article ? Partagez-le avec vos réseaux...
 
Comments

No comments yet.

Leave a Reply