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é

navigateur-chromenavigateur-firefoxnavigateur-ienavigateur-safarinavigateur-opera

Le sélecteur after est pris en charge par tous les principaux navigateurs.
A partir d’Internet Explorer 9.

A voir aussi

::selection
::before
::first-letter 
::first-line