Exemple
Insérer un texte après le contenu de chaque <p> élément:
p::after
{
content: " - Remember this";
}
Essayez - le vous - même » Plus "Try it Yourself" exemples ci - dessous.
Définition et utilisation
Le :: après sélecteur insère quelque chose après le contenu de chaque sélectionné element(s) .
Utilisez le contenu propriété pour spécifier le contenu à insérer.
Utilisez le :: avant sélecteur pour insérer quelque chose avant que le contenu.
Version: | CSS2 |
---|
support du navigateur
Les chiffres dans le tableau indique la première version du navigateur qui prend en charge entièrement le sélecteur.
Sélecteur | |||||
---|---|---|---|---|---|
::after | 4.0 | 9.0 Partielle de 8,0 | 3.5 | 3.1 | 7.0 Partielle de 4,0 |
Note: IE8 et Opera 4-6 ne supporte que l'ancienne syntaxe de CSS2, un seul colon (:after) . Les versions plus récentes prennent en charge la norme, double-colon CSS3 syntaxe (::after) .
Remarque: Pour: après de travailler dans IE8, un <! DOCTYPE> doit être déclaré.
Syntaxe CSS
::after {
css declarations ;
}
Autres exemples
Exemple
Insérez le contenu après chaque <p> élément, et le style du contenu inséré:
p::after
{
content: " - Remember this";
background-color: yellow;
color: red;
font-weight: bold;
}
Essayez - le vous - même » Pages associées
Tutoriel CSS: CSS pseudo-éléments
CSS Selector Référence: CSS :: avant sélecteur