ホームページ > ウェブフロントエンド > CSSチュートリアル > 擬似要素「::after」と「::before」の機能は何ですか?

擬似要素「::after」と「::before」の機能は何ですか?

王林
リリース: 2020-07-11 17:17:36
転載
4104 人が閲覧しました

擬似要素「::after」と「::before」の機能は何ですか?

:before と :after は、CSS2.1 で登場した 2 つの新しい擬似要素です。

(推奨チュートリアル: css クイック スタート)

当初、疑似要素の接頭辞には単一のコロン構文が使用されていましたが、Web の進化に伴い、 CSS3 仕様 ここで、単一のコロンは疑似クラスを表し、疑似要素の構文は二重コロンを使用するように変更され、::before ::after になります。疑似要素は dom には存在せず、ページ内にのみ存在します。

関数:

::after は、選択した要素の最後の子要素として疑似要素を作成するために使用されます。通常、content 属性は要素に装飾的なコンテンツを追加するために使用されます。この仮想要素は、デフォルトではインライン要素です。

::before 一致する選択された要素の最初の子となる疑似要素を作成します。

以上が擬似要素「::after」と「::before」の機能は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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