ホームページ > ウェブフロントエンド > CSSチュートリアル > 疑似要素 (:before、:after) が「他の要素と比べて異なる動作をするのはなぜですか?」

疑似要素 (:before、:after) が「他の要素と比べて異なる動作をするのはなぜですか?」

Patricia Arquette
リリース: 2024-12-30 22:30:15
オリジナル
297 人が閲覧しました

Why Do Pseudo-elements (:before, :after) Behave Differently with `` Elements Compared to Other Elements?

擬似要素と画像要素

画像要素 (,unexpected) と組み合わせて擬似要素 (:before および :after) を利用しようとした場合img 要素では望ましい効果が得られないにもかかわらず、同じテクニックが div 要素や spam 要素でシームレスに機能するのはなぜでしょうか。 case?

CSS 仕様によると:

"注。この仕様では、::before と ::after と置換された要素 (HTML の IMG など) の相互作用は完全には定義されていません。これは、将来の仕様でさらに詳しく定義される予定です。

これは、img 要素を含む疑似要素の動作が現在標準で未定義であることを意味します。したがって、img 要素を使用した機能はブラウザによって異なる可能性があり、将来の CSS 仕様で変更される可能性があります。

以上が疑似要素 (:before、:after) が「他の要素と比べて異なる動作をするのはなぜですか?」の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート