css中的類（class）是為了方便過濾（即選擇）元素，以給這類元素加入樣式，class是定義在html文件樹中的。
可是這在一些情況下是不夠用的，比方使用者的互動動作（懸停、啟用等）會導致元素狀態發生變化。class對這些動態變化無能為力。
為此，css引入了偽類（pseudo-class）的概念用來支援依據文件樹以外的資訊來過濾元素的能力。
偽類是乙個抽象類，本質上還是乙個類，因此其主要作用仍然是用來選擇元素而後設定詳細的樣式。
偽類的定義使用：單冒號加上名稱，如 mydiv:hover。
偽類的選擇物件可能會隨著使用者操作文件而發生變化，比方當使用者刪除某些節點後，會影響子元素（nth-child）偽類的選擇。
偽類選擇元素的依據不是名稱、屬性或內容。而是依據特徵（比方狀態或順序）。（:lang除外）
偽元素（pseudo-element）是另外乙個概念。其設計意圖和偽類一樣，是為了能支援依據文件樹以外的資訊來進行格式化。
偽元素本質上是乙個元素。僅僅是它一般須要依附在乙個已有元素上，作為這個元素的「部分」或「補充」。比方::first-line或::after。
css2.1規範中引入的新的偽元素語法是雙冒號::。但為了和歷史版本號相容，一些之前引入的偽元素仍然能夠使用單冒號語法。
和偽類用來過濾元素不同，偽元素用來過濾內容或建立補充內容。在這些內容外包裝乙個虛擬的容器。然後應用特定的樣式。
我們能夠在偽元素上應用偽類。
要了解很多其它偽類、偽元素的用途、例項和差別。
by iefreer
css偽類和偽元素
css偽類用於向某些選擇器新增特殊的效果。link,visited,hover,focus,active,first child,lang css3新增的偽類 last child,only child,first of type,last of type,only of type,nth chil...
CSS偽類和偽元素
css引入偽類和偽元素概念是為了格式化文件樹以外的資訊。也就是說，偽類和偽元素是用來修飾不在文件樹中的部分，比如，一句話中的第乙個字母，或是列表中的第乙個元素，又或者是滑鼠懸停在某個超連結上時要設定的樣式。常見的狀態偽類主要包括 link 應用於未被訪問過的鏈結 hover 應用於滑鼠懸停到的元素 ...
趣解 偽類和偽元素
出來混，是要還的。之前跳過的知識點，以後的某一天都需要你加倍奉還。最近寫偽類和偽元素的時候，老是搞混淆。也許是之前沒有記牢固吧，決定今天自己再理一遍。偽元素就相當於他的書包，書包不屬於個體的一部分，是額外新增的。書包可以放在小孩的胸前，也可以放在小孩的背後 分別對應 before 和 after。書...