CSS における 2 つのコロンは何を意味しますか?

css 2 つのコロンは、「::selection」などの疑似要素を表します。疑似要素によって制御される内容は、要素によって制御される内容と同じですが、疑似要素はドキュメント ツリーに存在しません。これは実際の要素ではないため、疑似要素と呼ばれます。

#この記事の動作環境: Windows10 システム、css3、thinkpad t480 コンピューター。

推奨: 「

css ビデオ チュートリアル 」

css 2 つのコロン (::) は、「::selection」などの疑似要素を表します。擬似要素が制御する内容は要素が制御する内容と同じですが、擬似要素は文書ツリー上に存在せず実要素ではないため、擬似要素と呼ばれます。

擬似要素は、特殊な状態の要素を対象とする擬似クラスとは異なり、要素内の特定の内容に対して動作し、動作するレベルが擬似クラスよりも深いため、その動態は擬似クラスとなります。ははるかに低いです。

実際、疑似要素を設計する目的は、要素内容の最初の文字 (文字) と最初の行を選択し、特定の内容の前後を選択することですが、これは通常のセレクターでは実行できないことです。 。

制御する内容は実際には要素と同じですが、要素に基づいて抽象化されただけであり、文書内には存在しないため、疑似要素と呼ばれます。

Extension:

W3C 仕様には CSS3 セレクターに関する記述があります:

疑似要素は 2 つのコロン (::) とそれに続くもので構成されます。疑似要素の名前。

この :: 表記は、疑似クラスと疑似要素の区別を確立するために、現在のドキュメントで導入されています。既存のスタイル シートとの互換性のために、ユーザー エージェントは次のことも行う必要があります。 CSS レベル 1 および 2 で導入された疑似要素の以前の 1 コロン表記 (つまり、:first-line、:first-letter、:before、:after) を受け入れます。この互換性は、導入された新しい疑似要素では許可されません。 CSS レベル 3 では。

単純に翻訳すると、一般的な考え方は、擬似要素は二重コロンと擬似要素名で構成されるということです。二重コロンは、疑似クラスと疑似要素を区別するために現在の仕様で導入されました。ただし、疑似クラスは既存のスタイルと互換性があり、ブラウザは :first-line、:first-letter、:before、:after などの古い疑似クラスを同時にサポートする必要があります。

つまり、:before など、CSS2 より前に存在した疑似要素の場合、単一コロンと二重コロン::before は同じ効果があります。

したがって、Web サイトが Webkit、Firefox、Opera およびその他のブラウザと互換性があることだけが必要な場合は、疑似要素にダブル コロンの記述方法を使用することをお勧めします。 CSS2 のシングルコロンの記述方法を使用する方が安全です。

以上がCSS における 2 つのコロンは何を意味しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。