僞類和僞元素的區別（結論）

首先，閱讀 w3c 對二者的定義：

• CSS 僞類用於向某些選擇器添加特殊的效果。
• CSS 僞元素用於將特殊的效果添加到某些選擇器。

能夠明確兩點，第一二者都與選擇器相關，第二就是添加一些「特殊」的效果。這裏特殊指的是二者描述了其餘 css 沒法描述的東西。

僞類種類

僞元素種類

區別

說人話：僞類的效果能夠經過添加一個實際的類來達到，而僞元素的效果則須要經過添加一個實際的元素才能達到，這也是爲何他們一個稱爲僞類，一個稱爲僞元素的緣由。

或者：

一、僞類選擇器：
條件1、根據元素不一樣的狀態，自動選擇不一樣的樣式。
或條件2、直接添加一個class（類），給這個class設定特殊的樣式。

二、僞元素選擇器：
    (2.1)須要設置特殊效果的內容放到一個元素（標籤）裏面 span
    (2.2)在添加一個class，對class設置特殊樣式。

總結

僞元素和僞類之因此這麼容易混淆，是由於他們的效果相似並且寫法相仿，但實際上 css3 爲了區分二者，已經明確規定了僞類用一個冒號來表示，而僞元素則用兩個冒號來表示。

:Pseudo-classes
::Pseudo-elements

但由於兼容性的問題，因此如今大部分仍是統一的單冒號，可是拋開兼容性的問題，咱們在書寫時應該儘量養成好習慣，區分二者。