僞類和僞元素

1、定義

• 僞類通常反映沒法在CSS中輕鬆或者可靠檢測到的某個元素的狀態或者屬性；

• 僞元素表示DOM外部的某種文檔結構。

　　目前全部僞元素有(加粗的是CSS3以後出現)：

1. ::after

2. ::before

3. ::first-letter

4. ::first-line

5. ::selection

6. ::backdrop

7. ::placeholder

8. ::marker

9. ::spelling-error

10. ::grammar-error

2、":before" 和 "::after" 僞元素單冒號和雙冒號的區別

　　若是你的網站只須要兼容webkit、Firefox、Opera等瀏覽器，建議對僞元素採用雙冒號的寫法，若是不得不兼容IE瀏覽器，仍是用CSS2的單冒號寫法更安全。

　　緣由：

1. 在CSS2以前規範不明確的時候，僞元素和僞類都使用單冒號(:)來表示。
2. 而CSS3規範中的要求使用雙冒號(::)表示僞元素，以此來區分僞元素和僞類。
3. 爲了兼容過去的寫法，CSS3以前的僞元素仍然能夠使用單冒號(:)來表示，瀏覽器是能夠解析的。
4. 可是CSS3以後出現的僞元素必須用雙冒號表示，再也不支持單冒號的形式。