## ::before 和:after 中雙冒號和單冒號有什么區別？解釋一下這 2 個偽元素的作用。 #### 相關知識點： 單冒號（`:`）用于CSS3偽類，雙冒號（`::`）用于CSS3偽元素。（偽元素由雙冒號和偽元素名稱組成） 雙冒號是在當前規范中引入的，用于區分偽類和偽元素。不過瀏覽器需要同時支持舊的已經存在的偽元素寫法， 比如`:first-line`、`:first-letter`、`:before`、`:after`等，而新的在CSS3中引入的偽元素則不允許再支持舊的單冒號的寫法。 想讓插入的內容出現在其它內容前，使用`::before`，否者，使用`::after`； 在代碼順序上，`::after`生成的內容也比`::before`生成的內容靠后。如果按堆棧視角，`::after`生成的內容會在`::before`生成的內容之上。 #### 回答： 在css3中使用單冒號來表示偽類，用雙冒號來表示偽元素。但是為了兼容已有的偽元素的寫法，在一些瀏覽器中也可以使用單冒號 來表示偽元素。 偽類一般匹配的是元素的一些特殊狀態，如`hover`、`link`等，而偽元素一般匹配的特殊的位置，比如`after`、`before`等。