CSS单冒号和双冒号的区别

不同的符号:( :)和（：:)

---

转载自https://tympanus.net/codrops/css_reference/after/

您很可能会遇到（或者遇到过）:after使用一个冒号而不是两个冒号的符号。

在CSS1和CSS2中，伪元素被定义为以一个冒号（:)开头，就像伪类一样（例如:hover）。在CSS3中，为伪元素引入了双冒号（：:)，以便将它们与伪类区分开来。

/ *旧CSS2语法* / 
.element ：after {
     / * content and styles here * / 
} 

    / * new CSS3 syntax * /
     .element :: after {
    / * content and styles here * / 
}

所有支持双冒号表示法的浏览器也支持单冒号表示法。但是，Internet Explorer 8不支持双冒号表示法。因此，除非您需要支持Internet Explorer 8，否则可以使用双冒号表示法而不必担心浏览器支持。

在此条目的所有演示中，单冒号语法用于为在IE8中查看演示的读者提供更广泛的浏览器支持。