Maison > interface Web > tutoriel CSS > Pourquoi CSS :after ne fonctionne-t-il pas avec tous les éléments HTML ?

Pourquoi CSS :after ne fonctionne-t-il pas avec tous les éléments HTML ?

DDD
Libérer: 2024-12-24 13:07:30
original
410 Les gens l'ont consulté

Why Doesn't CSS :after Work with All HTML Elements?

CSS :after Comportement et compatibilité des éléments

La propriété CSS :after étend le contenu après un élément dans son flux de documents. Cependant, tous les éléments ne semblent pas soutenir ce comportement. Pourquoi :after ne fonctionne-t-il qu'avec certains éléments ?

Réponse : éléments remplacés ou éléments non remplacés

Selon la spécification CSS, seuls les éléments non remplacés peuvent avoir :before et :after propriétés. Les éléments remplacés ont leur apparence et leurs dimensions déterminées en externe, y compris des éléments tels que des images, des plugins et des contrôles de formulaire.

Que sont les éléments remplacés ?

Les éléments remplacés incluent :

  • Images ()
  • Plugins ()
  • Éléments de formulaire (