CSS を学習する過程では、疑似クラスと疑似要素という 2 つの概念を特に混同しやすくなります。 w3c での両方の定義は次のとおりです: CSS 疑似クラスは、特定のセレクターに特殊効果を追加するために使用されます。 CSS 擬似要素は、特定のセレクターに特殊効果を追加するために使用されます。 疑似クラスは当初、一部の要素の動的ステータス、通常はリンクのステータス (LVHA) を表すために使用されました。その後、CSS2 標準はその概念的範囲を拡張し、論理的には存在するがドキュメント ツリー内で識別する必要のないすべての「ゴースト」カテゴリを含めるようになりました。 疑似要素は要素のサブ要素を表しますが、このサブ要素は論理的には存在しますが、ドキュメント ツリーには実際には存在しません。 CSS と CSS3 における疑似クラスと疑似要素の違いについて話しましょう。
まずはPHP中国語サイト関連の無料講座を学べます
1. 「CSS3入門から使いこなしチュートリアル」中 css3擬似クラスセレクター講座
2 . 「Dark Horse Programmer CSS ビデオチュートリアル」疑似クラスと疑似要素 関連ビデオチュートリアル
疑似クラスと疑似要素の違い
CSS3の標準では、擬似クラスは単一のコロン「:」を使用し、擬似要素は二重コロン「::」を使用します(混乱を避けるため)。それは、疑似クラスであっても疑似要素であっても、どちらも単一のコロン「:」を使用するため、疑似要素との互換性を確保するために、両方の使用方法が可能です ただし、IE の以前のバージョンでは、コロンが 2 つあります。 -コロンの互換性の問題があるため、過去にスタイルを作成した人は単に疑似クラスと疑似要素に単一のコロンを使用していたため、この混乱が続いていました。
CSS の提案の多くはブラウザーではサポートされていませんが、安全に使用できる接続用の CSS 疑似クラスが 4 つあります。リンクはアクセス接続に使用されます。 Visited は、すでに訪問された接続に使用されます。ホバーは、マウス カーソルを置く接続に使用されます。 active は、フォーカスを受け取った (たとえば、クリックされた) 接続で使用されます。
5. 疑似クラスは、最初はいくつかの要素の動的ステータス、通常は一般的に使用されるリンク (リンク、アクティブ、ホバー、訪問) に続き、CSS2 標準
は、論理的には存在するがドキュメント ツリー内で識別されないすべての「ゴースト」カテゴリを含むように概念範囲を拡張しました
擬似要素は、特定の要素のサブ要素を表します。このサブ要素は論理的には存在しますが、通常使用する after や before などのドキュメント ツリーには実際には存在しません。
疑似クラス選択要素は、要素の ID ではなく、要素の現在の状態、または要素の現在の特性に基づいています。クラス、属性など。静的なロゴ。状態は動的に変化するため、要素が特定の状態に達すると、疑似クラス スタイルが取得され、状態が変化するとこのスタイルが失われます。このことから、その機能はクラスの機能に似ていることがわかりますが、ドキュメントの外部での抽象化に基づいているため、疑似クラスと呼ばれます。関連する質問と回答
1. 【関連おすすめ】1. php 中国語 Web サイトの無料ビデオ チュートリアル:「php.cn Dugu Jiijian (2) - CSS ビデオ チュートリアル」
2. php 中国語 Web サイトの無料ビデオ チュートリアル:以上がcssとcss3の擬似クラスと擬似要素の違いのまとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。