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

E:after、E:before 在旧版本里是伪类，在新版本里是伪元素，新版本下E:after、E:before会被自动识别为E::after、E::before，按伪元素来对待，这样做的目的是用来做兼容处理

":" 与 "::" 区别在于区分伪类和伪元素

重点：E::before、E::after

是一个行内元素，需要的时候可以自行转换成块元素

：before 伪元素选择器用于在被选元素的内容前面插入内容，必须配合content属性来指定要插入的具体内容。语法结构是：

<元素>:before {

      content:文字/url(图片的路径 )

}

content 属性用来指定需要插入的具体内容，该内容可以是文本也可以是图片

 

：after 选择器

 

图片和文字是在一行的，如果宽度不够，图片就掉下去。