::before 和 :after 中双冒号和单冒号有什么区别？

两个冒号和一个冒号的作用其实一致的，只是在 CSS3 中为了区分伪类选择器和伪元素选择器，在语义上更清晰明了；

伪类选择器：:hover :link :active :target :not(s) :focus （伪类的效果可以通过添加一个实际的类来达到）

伪元素选择器：::first-letter ::first-line ::before ::after ::selection （伪元素的效果是需要通过添加一个实际的元素才能达到的）