ホームページ > ウェブフロントエンド > CSSチュートリアル > CSS :after がすべての HTML 要素で機能しないのはなぜですか?

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

DDD
リリース: 2024-12-24 13:07:30
オリジナル
458 人が閲覧しました

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

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

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

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

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

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

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

  • 画像()
  • プラグイン ()
  • フォーム要素 (