在CSS伪元素 `::before` 和 `::after` 中，双冒号（::）与单冒号（:）的区别主要体现在语法规范和浏览器兼容性上。双冒号是CSS3引入的新语法，用于明确区分伪元素和伪类，如 `:hover` 这样的伪类使用单冒号。虽然现代浏览器普遍支持双冒号写法，但为了兼容旧版本，单冒号写法仍然有效。因此，在实际开发中，双冒号更符合最新标准，而单冒号则能确保更广泛的兼容性。
两个冒号和一个冒号的作用其实一致的，只是在 CSS3 中为了区分伪类选择器和伪元素选择器，在语义上更清晰明了；
伪类选择器：:hover :link :active :target :not(s) :focus （伪类的效果可以通过添加一个实际的类来达到）
伪元素选择器：::first-letter ::first-line ::before ::after ::selection （伪元素的效果是需要通过添加一个实际的元素才能达到的）
