ホームページ  >  記事  >  ウェブフロントエンド  >  css3 属性の二重コロンは何を表しますか?

css3 属性の二重コロンは何を表しますか?

青灯夜游
青灯夜游オリジナル
2022-03-18 18:09:132003ブラウズ

css3 属性の二重コロンは、その属性が疑似要素セレクターであることを示します。これは、DOM ツリーにないいくつかの要素を作成し、それらの要素にスタイルを追加するために使用されるセレクターです。 CSS3 の擬似要素には、「::after」、「::before」、「::first-letter」、「::first-line」などが含まれます。

css3 属性の二重コロンは何を表しますか?

このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。

css3 属性内の二重コロンは、その属性が疑似要素セレクターであることを示します。

擬似要素とは何ですか?

擬似要素は、文字通り「偽の要素」または「偽装された要素」として理解されます。実際、このように理解できます。疑似要素は実際には仮想要素です。要素は (コード形式では) 存在せず、ドキュメント内で見つけることもできないため、疑似要素は仮想要素です。

疑似要素は、DOM ツリーにないいくつかの要素を作成し、それらにスタイルを追加するために使用されるセレクターです。

疑似要素を使用すると、要素の ID やクラス属性に頼ることなく、選択した要素の特定の部分のスタイルを定義できます。たとえば、擬似要素を使用して、段落の最初の文字のスタイルを設定したり、要素の前後にコンテンツを挿入したりできます。

CSS は、次の表に示すように、一連の擬似要素を提供します。

#を各

要素 ## の前に挿入します

::first-letterp::first-letter各

要素のコンテンツの最初の文字と一致します

::first-linep::first-line各

要素のコンテンツの最初の行と一致します

# # ::selection::placeholder (学習ビデオ共有:
擬似要素 例の説明
::after p::after

要素の後に挿入コンテンツ

::before p::before コンテンツ
p::selection ユーザーが選択した要素の部分と一致します
input:: placeholder 各フォーム入力ボックス ( など) のプレースホルダー属性と一致します
CSS ビデオ チュートリアル

Web フロント エンド

以上がcss3 属性の二重コロンは何を表しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。