为什么使用伪元素选择器?

伪元素选择器可以帮助我们利用css创建标签元素，而不用htm，减少了html的结构复杂性。(结构永远比样式更重要!）

选择符
::before	在元素前面插入内容
–	–
::after	在元素后面面插入内容

注意：

1. 伪元素属于行内元素；
2. 新建的该元素在文档流中找不到；
3. 必须有content属性;
4. 其权重和标签选择器一样，均为1。

使用场景：1. 伪元素字体图标,不需要新建盒子，在外边盒子使用div::after

2. 显示隐藏遮罩案例