海纳百川，有容乃大
- 在 CSS 中伪类一直用 : 表示，如 :hover, :active 等
- 伪元素在CSS1中已存在，当时语法是用 : 表示，如 :before 和 :after
- 后来在CSS3中修订，伪元素用 :: 表示，如 ::before 和 ::after，以此区分伪元素和伪类
- 由于低版本IE对双冒号不兼容，开发者为了兼容性各浏览器，继续使使用 :after 这种老语法表示伪元素
- 综上所述：::before 是 CSS3 中写伪元素的新语法； :after 是 CSS1 中存在的、兼容IE的老语法
转自：https://www.jianshu.com/p/c1b435e39696