css - CSSの疑似クラス、疑似セレクター、疑似要素の違い

Question

重複の可能性：
CSSの疑似クラスと疑似要素の違いは何ですか？

CSSで次のことはどういう意味ですか？

1. 疑似クラス
2. 疑似セレクター
3. 疑似要素

それぞれの有用性は何ですか？

Answer 1

疑似クラスは、属性、ID、クラス（またはDOMを通じて利用可能なその他の情報）を使用して他の方法では表現できない情報に従って要素を選択するために使用されます。たとえば、、、、、および。:root_ :first-child_:last-child:lang():not()

疑似要素は、他の実際の要素の一部としてスタイルを選択的に適用できる模擬要素ですが、それ自体はDOMのメンバーではありません。たとえば、::first-lineとなどのコンテンツフラグメント、またはとなどの::first-letter生成コンテンツ。::before::after

「疑似セレクター」は、両方の種類のセレクター（または実際には少なくとも1つで始まるセレクター）をカバーするために使用される総称ですが、:セレクターでは、疑似クラスと疑似要素の2つが根本的に異なるため、それ自体は無意味です。もの。