天天看點

CSS3 ::before 和 :after中雙冒号和單冒号 有什麼差別?

單冒号(:)用于CSS3僞類,雙冒号(::)用于CSS3僞元素。(僞元素由雙冒号和僞元素名稱組成)

雙冒号是在目前規範中引入的,用于區分僞類和僞元素。不過浏覽器需要同時支援舊的已經存在的僞元素寫法,

比如:first-line、:first-letter、:before、:after等,

而新的在CSS3中引入的僞元素則不允許再支援舊的單冒号的寫法。

想讓插入的内容出現在其它内容前,使用::before,否者,使用::after;

在代碼順序上,::after生成的内容也比::before生成的内容靠後。

如果按堆棧視角,::after生成的内容會在::before生成的内容之上