Pseudo-éléments

Résumé

Tout comme les pseudo-classes, les pseudo-éléments sont ajoutés aux sélecteurs. Mais au lieu de décrire un état spécial, ils permettent de styler certaines parties du document. Par exemple, le pseudo-élément ::first-line ne visera que la première ligne de l'élément indiqué par le sélecteur.

Syntaxe

sélecteur::pseudo-élément {
  propriété: valeur;
}

Tous les pseudo-éléments

Notes

Vous verrez parfois le double deux-points (::) au lieu du simple (:). C'est une partie de CSS3 et une tentative de différencier les pseudo-classes et les pseudo-éléments. La plupart des navigateurs acceptent les deux valeurs.

Note : ::selection commence toujours par le double deux-points (::).

Vous ne pouvez utiliser qu'un seul pseudo-élément par sélecteur. Il doit apparaître après les sélecteurs simples dans la déclaration.

Navigateur Version minimale Support de
Internet Explorer 8.0 :pseudo-element
9.0 :pseudo-element ::pseudo-element
Firefox (Gecko) 1.0 (1.0) :pseudo-element
1.0 (1.5) :pseudo-element ::pseudo-element
Opera 4.0 :pseudo-element
7.0 :pseudo-element ::pseudo-element
Safari (WebKit) 1.0 (85) :pseudo-element ::pseudo-element

 

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : teoli, wakka27, Delapouite, FredB, tregagnon
Dernière mise à jour par : teoli,
Masquer la barre latérale