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

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

王林
王林転載
2020-07-11 17:17:364078ブラウズ

擬似要素「::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 までご連絡ください。