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

本文主要是介绍::before和:after中的的双冒号和单冒号有什么区别及这两个伪元素的作用，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

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

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

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

这篇关于::before和:after中的的双冒号和单冒号有什么区别及这两个伪元素的作用的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！