CSS :: avant le sélecteur
Exemple
Insérez du texte avant le contenu de chaque élément <p> :
p::before
{
content: "Read this: ";
}
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
Le ::before
sélecteur insère quelque chose avant le contenu de chaque élément sélectionné.
Utilisez la propriété content pour spécifier le contenu à insérer.
Utilisez le sélecteur ::after pour insérer quelque chose après 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 | |||||
---|---|---|---|---|---|
::before | 4.0 | 9.0 | 3.5 | 3.1 | 7.0 |
Syntaxe CSS
::before {
css declarations;
}
Plus d'exemples
Exemple
Insérez du contenu avant le contenu de chaque élément <p> et stylisez le contenu inséré :
p::before
{
content: "Read 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 ::after selector