La pseudo-classe CSS before est utilisé avec content, permet d’insérer un texte ou une image au début du contenu d’un élément.
#mon_identifiant:before {
content:url(../lien/vers/mon_image);
}
Before est un pseudo-élément (qui fait référence à des parties de texte qui ne sont pas forcément délimités par des balises HTML).
Elle permet de rajouter un texte ou une image au début du contenu d’un élément,
Exemple :
CSS
#avant:before{
content:url("http://www.web-petit.com/wp-content/themes/wp_theme/images/facebook.png");
}
HTML
<div id="avant"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra placerat felis, quis auctor urna lobortis eu. Mauris id nunc ac quam sollicitudin varius. Mauris eget erat vitae purus lacinia egestas. Proin nibh nisl, dictum vitae lacinia quis,consectetur congue elit. </div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra placerat felis, quis auctor urna lobortis eu. Mauris id nunc ac quam sollicitudin varius. Mauris eget erat vitae purus lacinia egestas. Proin nibh nisl, dictum vitae lacinia quis,consectetur congue elit.