高く評価擬似クラスセレクタと擬似要素セレクタシンプル

p.test1 { 
    ... 
} 

：ホバー{ 
    ... 
} 

P ::前{ 
    ... 
} 

、P { 
    ... 
}

 <P クラス = " TEST1 " > TEST1 </ P> 
<P クラス = "" TEST2> TEST2 </ P> 
の<a href= "..."> </a>にタグを付けます    

セレクタ要素：P {}上記のように、要素が存在します。

擬似要素セレクター：DOM要素は、レンダリングのために、唯一のCSSは存在しない（真の要素）の前選択された要素p偽ラベル（擬似要素、フロントラベルPに、例えば、p- ::以前のように、いくつかの特殊効果を追加しますどの要素、唯一の仮説は）ありません

クラスセレクタ：いくつかの実際のクラス、我々はpタグ（要素セレクター）を選択し、そのようp.test1など8人の子供定義されたクラスを、所有するクラスtest1のすべての要素を持って、このクラスは、具体的なイメージ、参照されます見ます

擬似クラスセレクタ：概念上のクラスではなく、私たちの定義は、抽象的です。よう：ホバー、クラスを置く、クラスは別の例の抽象的ではなく、私たち自身の定義、第一子であるすべての要素を持つタブ（セレクタ要素）を選択し、最初に選択し、クラスを選択しました自然のすべての要素は、クラスの抽象、「最初は」、と我々は最初のそのようなクラスを定義する必要はありません