## 偽類與偽元素的區別 css引入偽類和偽元素概念是為了格式化文檔樹以外的信息。也就是說，偽類和偽元素是用來修飾不在文檔樹中的部分，比如，一句話中的第一個字母，或者是列表中的第一個元素。 偽類用于當已有的元素處于某個狀態時，為其添加對應的樣式，這個狀態是根據用戶行為而動態變化的。比如說，當用戶懸停在指定的元素時，我們可以通過`:hover`來描述這個元素的狀態。 偽元素用于創建一些不在文檔樹中的元素，并為其添加樣式。它們允許我們為元素的某些部分設置樣式。比如說，我們可以通過`::before`來在一個元素前增加一些文本，并為這些文本添加樣式。雖然用戶可以看到這些文本，但是這些文本實際上不在文檔樹中。 有時你會發現偽元素使用了兩個冒號（`::`）而不是一個冒號（`:`）。這是CSS3的一部分，并嘗試區分偽類和偽元素。大多數瀏覽器都支持這兩個值。按照規則應該使用（`::`）而不是（`:`），從而區分偽類和偽元素。但是，由于在舊版本的W3C規范并未對此進行特別區分，因此目前絕大多數的瀏覽器都支持使用這兩種方式表示偽元素。 詳細資料可以參考： [《總結偽類與偽元素》](http://www.alloyteam.com/2016/05/summary-of-pseudo-classes-and-pseudo-elements/)