伪元素选择器::before以及::after

伪元素选择器可以帮助我们利用css创建新标签元素，而不需要HTML标签，从而简化了HTML结构

选择符	简介
::before	在元素内部的前面插入内容
::after	在元素内部的后面插入内容

注意：

• before和after创建一个元素，但是属于行内元素
• 新创建的这个元素在文档树中是找不到的，所以我们称为伪元素
• 语法：element::before{}
• before和after必须要有content属性
• before在父元素内容的前面创建元素，after在父元素的后面创建元素
• 伪元素选择器和标签选择器一样，权重为1