Heim > Web-Frontend > CSS-Tutorial > Warum funktioniert CSS :after nicht mit allen HTML-Elementen?

Warum funktioniert CSS :after nicht mit allen HTML-Elementen?

DDD
Freigeben: 2024-12-24 13:07:30
Original
410 Leute haben es durchsucht

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

CSS :after-Verhalten und Elementkompatibilität

Die CSS :after-Eigenschaft erweitert den Inhalt nach einem Element in seinem Dokumentfluss. Allerdings scheinen nicht alle Elemente dieses Verhalten zu unterstützen. Warum funktioniert :after nur mit bestimmten Elementen?

Antwort: Ersetzte Elemente vs. nicht ersetzte Elemente

Gemäß der CSS-Spezifikation können nur nicht ersetzte Elemente haben :before- und :after-Eigenschaften. Aussehen und Abmessungen ersetzter Elemente werden extern bestimmt, einschließlich Elementen wie Bildern, Plugins und Formularsteuerelementen.

Was sind ersetzte Elemente?

Ersetzte Elemente umfassen:

  • Bilder ()
  • Plugins ()
  • Formularelemente (