::before和:after中的的双冒号和单冒号有什么区别及这两个伪元素的作用

::before和:after中的的双冒号和单冒号有什么区别及这两个伪元素的作用

• 单冒号（:）用于CSS3伪类，双冒号（::）用于CSS3伪元素（伪元素由双冒号和伪元素名称组成），为了兼容已有的伪元素写法，在一些浏览器中也可以使用单冒号，来表示伪元素，比如:first-line、:first-letter、:before、:after等。
• 在新的CSS3中引入的伪元素不允许再支持旧的单冒号是写法
• 想让插入的内容出现在其它内容前，使用::before，反之使用::after，在代码顺序上，::after生成的内容也比::before生成的内容靠后

​ 伪类一般匹配的是元素的一些特殊状态，如hover、link等，而伪元素一般匹配的是特殊位置，比如after、before等。