[attribut] CSS sélecteur

Définition de la CSS [attribut].

Le sélecteur CSS d'attribut [attribut operateur valeur] permet de sélectionner un élément en fonction d'un de ses attributs et leurs valeurs.

[class]{ /*Propriété CSS*/ }
a[target="_blank"]{ /*Propriété CSS*/ }
:not([class~=widget]){ /*Propriété CSS*/ }
p[class|="end"]{ /*Propriété CSS*/ }

Le sélecteur Css d'attribut [nom-attribut operateur valeur] peut prendre plusieurs valeurs :

• [nom-attribut] : sélectionne l'élément A ayant comme attribut "nom-attribut" quelle soit sa valeur.
• [nom-attribut=valeur] : sélectionne l'élément ayant comme attribut "nom-attribut" et dont sa valeur est égale à "valeur".
• [nom-attribut~=valeur] : sélectionne l'élément ayant comme attribut "nom-attribut" et dont la valeur est une liste de valeurs séparées par des espaces et dont une de ses valeurs est égale à "valeur".
• [nom-attribut|=valeur] : sélectionne l'élément ayant comme attribut "nom-attribut" et dont la valeur est une liste de valeurs séparées par des espaces et dont la première de ses valeurs est égale à "valeur" immédiatement suivi d'un tiret (U+002D) soit "valeur-" ou si sa valeur est exactement égale à "valeur".
• [nom-attribut$=valeur] : sélectionne l'élément ayant comme attribut "nom-attribut" et dont sa valeur se termine par "valeur".
• [nom-attribut^=valeur] : sélectionne l'élément ayant comme attribut "nom-attribut" et dont sa valeur commence par "valeur".
• [nom-attribut*=valeur] : sélectionne l'élément ayant comme attribut "nom-attribut" et dont sa valeur contient la chaine "valeur".

Exemple de code [attribut] CSS

Conditions d'application de la CSS [attribut].

Le sélecteur CSS d'attribut [attribut] ne peut pas se déclarer dans l'attribut HTML ou XHTML STYLE.
Le sélecteur CSS d'attribut [attribut] CSS doit être déclaré dans une balise HTML ou XHTML STYLE.

Problème d'interprétation de [attribut] en Css.

Le sélecteur CSS d'attribut [attribut] ne pose pas de problème d'interprétation.