Maison  >  Article  >  interface Web  >  Quelles sont les fonctions des pseudo-éléments "::after" et "::before" ?

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

王林
王林avant
2020-07-11 17:17:364008parcourir

Quelles sont les fonctions des pseudo-éléments

: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!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer