CSS :after がすべての HTML 要素で機能しないのはなぜですか?

CSS :after の動作と要素の互換性

CSS :after プロパティは、ドキュメント フロー内の要素の後にコンテンツを拡張します。ただし、すべての要素がこの動作をサポートしているわけではないようです。 :after はなぜ特定の要素でのみ機能するのですか?

答え: 置換された要素と非置換の要素

CSS 仕様によれば、非置換の要素のみが機能します。 :before および :after プロパティがあります。置換された要素の外観と寸法は、画像、プラグイン、フォーム コントロールなどの要素を含め、外部で決定されます。

置換された要素とは何ですか?

置換された要素は次のとおりです。

• 画像()
• プラグイン (