HTML：::before和::after伪元素的用法（两个冒号和一个冒号的区别）面试常考哦！！！

很多面试官都会问2个冒号和1个冒号的区别

直接回答：

2个冒号是伪元素，1个冒号是伪类

::before和::after必须配合content属性来使用，content必须有值，content是用来定义插入内容的

常见的伪类-----:hover,:link,:active,:target,:focus

常见伪元素-------::first-letter,::first-line,::before,::after

分别有什么作用呢

::before和::after下特有的content，用于在css渲染中向元素逻辑上的头部或尾部添加内容。

这些添加不会出现在DOM中，不会改变文档内容，不可复制，仅仅是在css渲染层加入。

所以不要用:before或:after展示有实际意义的内容，尽量使用它们显示修饰性内容，例如图标。

https://www.cnblogs.com/ysq2018China/p/10298405.html