为什么要使用伪元素选择器呢？
伪元素选择器可以帮助我们利用CSS创建新标签元素，而不需要HTML标签，从而简化HTML结构。
常见的伪元素选择器的选择符
对于初学者来说，一般只需要掌握：：before和：：after两种选择符。before和after创建一个元素，但是属于行内元素，并且新创建的这个元素在文档树中是找不到的，这也就是伪元素名称的由来。
语法
element：：before{}
这里必须要注意before和after必须有content属性
比如
div：before{ content：'这里面写内容'}
| 选择符 | 简介 |
|---|---|
| ：：before | 在元素内部的前面插入内容 |
| ：：after | 在元素内部的后面插入内容 |
伪元素选择器的权重
| 选择器 | 选择器权重 |
|---|---|
| 继承或* | 0,0,0,0 |
| 标签选择器，伪元素选择器 | 0,0,0,1 |
| 类选择器，伪类选择器 | 0,0,1,0 |
| ID选择器 | 0,1,0,0 |
| 行内样式style="" | 1,0,0,0 |
| !important重要的 | 无穷大 |
从上面的表格可以看到，伪元素选择器和标签选择器一样权重为1。
伪元素选择器可以清除浮动
伪元素清除浮动的本质，其实是额外标签法的一个升级和优化
其实呢，伪元素选择器是CSS3新增的选择器，其主要作用是简化HTML的结构，希望以上的内容能够对前端CSS的初学者提供一点帮助！
