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

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 (