CSS 僞類與僞元素

根據用途分類的僞類總結圖和根據冒號分類的僞元素總結圖：

僞類與僞元素：css引入僞類和僞元素概念是爲了格式化文檔樹之外的信息

僞類用於當已有元素處於的某個狀態時，爲其添加對應的樣式，這個狀態是根據用戶行爲而動態變化的。

僞元素用於建立一些不在文檔樹中的元素，併爲其添加樣式。

區別：僞類的操做對象是文檔樹中已有的元素，而僞元素則建立了一個文檔數外的元素。所以，僞類與僞元素的區別在於：有沒有建立一個文檔樹以外的元素。

僞元素是使用單冒號仍是雙冒號

CSS3規範中的要求使用雙冒號(::)表示僞元素，以此來區分僞元素和僞類，好比::before和::after等僞元素使用雙冒號(::)，:hover和:active等僞類使用單冒號(:)。除了一些低於IE8版本的瀏覽器外，大部分瀏覽器都支持僞元素的雙冒號(::)表示方法。

雖然CSS3標準要求僞元素使用雙冒號的寫法，但也依然支持單冒號的寫法。爲了向後兼容，咱們建議你在目前仍是使用單冒號的寫法。