CSSの疑似クラスと疑似要素の違いは何ですか

1. 定義の違い

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

疑似クラス

疑似クラスは、DOM ツリーの外部の情報、または単純なセレクターでは表現できない情報を選択するために使用されます。前者には、:visited、:active など、指定された状態に一致する要素が含まれます。後者には、:first-child、:first-of-type、:target など、特定の論理条件を満たす DOM ツリー内の要素が含まれます。 。

擬似要素

擬似要素は、DOM ツリーで定義されていない仮想要素です。他のセレクターとは異なり、要素を最小選択単位として使用せず、要素の指定されたコンテンツを選択します。たとえば、::before は選択された要素の前のコンテンツ、つまり "" を意味し、::selection は選択された要素の選択されたコンテンツを意味します。

2. 構文の違い

CSS3 では、疑似クラスと疑似要素も文法的に異なり、疑似要素は:: で始まるように変更されます。ただし、歴史的な理由により、ブラウザーは:: で始まる疑似要素を引き続きサポートしますが、:: で始まる標準形式で記述することをお勧めします。

以上がCSSの疑似クラスと疑似要素の違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。