閱讀 W3C 對兩者的定義：
CSS 偽類用于向某些選擇器添加特殊的效果飘痛。
CSS 偽元素用于將特殊的效果添加到某些選擇器珊膜。
可以明確兩點，第一兩者都與選擇器相關(guān)宣脉，第二就是添加一些“特殊”的效果车柠。這里特殊指的是兩者描述了其他 css 無法描述的東西。
偽類種類
偽類.jpg
偽元素種類
偽元素.jpg
總結(jié)
偽元素和偽類之所以這么容易混淆塑猖，是因為他們的效果類似而且寫法相仿竹祷，但實際上 css3 為了區(qū)分兩者，已經(jīng)明確規(guī)定了偽類用一個冒號來表示羊苟，而偽元素則用兩個冒號來表示塑陵。
:Pseudo-classes
::Pseudo-elements
但因為兼容性的問題，所以現(xiàn)在大部分還是統(tǒng)一的單冒號蜡励，但是拋開兼容性的問題令花，我們在書寫時應(yīng)該盡可能養(yǎng)成好習慣，區(qū)分兩者凉倚。
::Pseudo-elements表示法是在CSS 3中引入的兼都，::符號是用來區(qū)分偽類和偽元素的。支持CSS3的瀏覽器同時也都支持CSS2中引入的表示法:after稽寒。
注: IE8及6俯抖、7僅支持:after
