Maison > interface Web > tutoriel CSS > Quelles sont les fonctions des pseudo-éléments '::after' et '::before' ?

Quelles sont les fonctions des pseudo-éléments '::after' et '::before' ?

王林
Libérer: 2020-07-11 17:17:36
avant
4120 Les gens l'ont consulté

Quelles sont les fonctions des pseudo-éléments '::after' et '::before' ?

:before et :after sont deux nouveaux pseudo-éléments apparus dans CSS2.1.

(Tutoriel recommandé : Démarrage rapide CSS)

Au début, le préfixe des pseudo-éléments utilisait la syntaxe à deux points, mais avec l'évolution du Web, dans le Spécification CSS3 Ici, un simple deux-points représente une pseudo-classe, et la syntaxe d'un pseudo-élément est modifiée pour utiliser un double deux-points, devenant ::before ::after. Les pseudo-éléments n'existent pas dans le dom, uniquement dans la page.

Fonction :

::after est utilisé pour créer un pseudo-élément comme dernier élément enfant de l'élément sélectionné. Habituellement, l'attribut content est utilisé pour ajouter du contenu décoratif à l'élément. Cet élément virtuel est un élément en ligne par défaut.

::before crée un pseudo-élément qui sera le premier enfant de l'élément sélectionné correspondant.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:cnblogs.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal