CSS :: après le sélecteur
Exemple
Insérez du texte après le contenu de chaque élément <p> :
p::after
{
content: " - Remember this";
}
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
Le ::after
sélecteur insère quelque chose après le contenu de chaque élément sélectionné.
Utilisez la propriété content pour spécifier le contenu à insérer.
Utilisez le sélecteur ::before pour insérer quelque chose avant le contenu.
Version: | CSS2 |
---|
Prise en charge du navigateur
Les nombres dans le tableau spécifient la première version du navigateur qui prend entièrement en charge le sélecteur.
Selector | |||||
---|---|---|---|---|---|
::after | 4.0 | 9.0 | 3.5 | 3.1 | 7.0 |
Syntaxe CSS
::after {
css declarations;
}
Plus d'exemples
Exemple
Insérez du contenu après chaque élément <p> et stylisez le contenu inséré :
p::after
{
content: " - Remember this";
background-color: yellow;
color: red;
font-weight: bold;
}
Pages connexes
Tutoriel CSS : Pseudo-éléments CSS
Référence du sélecteur CSS : CSS ::before selector