En Css, il existe de très nombreux pseudo-éléments.
Dans les exercices précédents, les pseudo-éléments :first-of-type,
:last-of-type et :nth-of-type ont permis d'identifier
des éléments en fonction de leur «numéro» dans un conteneur. Le
pseudo-élément :hover a permis de modifier l'affichage de l'élément
ciblé au passage de la souris. Il existe de nombreux autres pseudo-éléments dont
certains permettent d'avoir du contenu de «texte par défaut».
Ajouter du contenu sans le ré-écrire
Les pseudo-éléments ::before et ::after permettent de placer
au début (ou à la fin) d'un élément un contenu prédéfini. Dans les pages que
vous êtes en train de lire, c'est ce qui est utilisé pour numéroter les exercices de
façon automatique. On utilise pour cela les paramètres
counter-reset
et
counter-increment.