Sélecteur ::AFTER
Rôle
Le sélecteur after est un pseudo-element désigné par la syntaxe ::after qui permet d’insérer du contenu après chaque élément associé.
Note: ce sélecteur doit s’utiliser avec l’attribut content qui permet de spécifier le contenu à afficher.
Dans l’exemple ci-dessous, on insère la signature tweet ‘@dany : ‘ après chaque paragraphe.
p::after{
content: " -@dany";
color: red;
}
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure optio </p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure optio </p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure optio </p>
Testez vous-même ce sélecteur
Version : CSS1
Compatibilité
Le sélecteur after est pris en charge par tous les principaux navigateurs.
A partir d’Internet Explorer 9.
