html 伪元素作用,css伪元素有什么用？

css引入伪类和伪元素概念是为了格式化文档树以外的信息。也就是说：伪类和伪元素是用来修饰不在文档树中的部分。下面本篇文章就来给大家介绍一下CSS伪元素，希望对大家有所帮助。

伪元素会创建一个抽象的伪元素，这个元素不是DOM中的真实元素，但是会存在于最终的渲染树中，我们可以为其添加样式。

例如，我们可以通过:before来在一个元素之前添加一些文本，并为这些文本添加样式，虽然用户可以看见这些文本，但是它实际上并不在DOM文档中。

css3规范中要求使用双冒号(::)表示伪元素，以此来区分伪类和伪元素，比如::before和::after等伪元素使用双冒号(::)，:hover和:active伪类使用单冒号(:)。除了一些低于IE8版本的浏览器外，大部分浏览器都支持伪元素的双冒号(::)表示方法。

然而除了少部分伪元素如::backdrop必须使用双冒号(::)，大部分伪元素都支持单冒号和双冒号的写法，比如::after，写成:after一样可以正常运行。

w3c标准中说到，虽然CSS3标准要求伪元素使用双冒号的写法，但也依然支持单冒号的写法。为了向后兼容，我们建议你在目前还是使用单冒号的写法。

更多CSS相关知识，可访问 CSS教程 ！！