Exemple
Insérer un texte avant que le contenu de chaque <p> élément:
p::before
{
content: "Read this: ";
}
Essayez - le vous - même » Plus "Try it Yourself" exemples ci - dessous.
Définition et utilisation
Le :: avant sélecteur insère quelque chose avant que le contenu de chaque sélectionné element(s) .
Utilisez le contenu propriété pour spécifier le contenu à insérer.
Utilisez le :: après sélecteur pour insérer quelque chose après 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 | |||||
|---|---|---|---|---|---|
| ::before | 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'ancien, un seul colon CSS2 syntaxe (:before) . Les versions plus récentes prennent en charge le double-virgule CSS3 syntaxe standard (::before) .
Remarque: Pour: avant de travailler dans IE8, un <! DOCTYPE> doit être déclaré.
Syntaxe CSS
::before {
css declarations ;
}
Autres exemples
Exemple
Insérez le contenu avant chaque <p> contenu de l' élément, et le style du contenu inséré:
p::before
{
content: "Read 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 :: après sélection