::before 和 ::after

before 和 :after 这两个伪元素,是以子元素存在的，属于行内元素，定义在元素主题内容之前的一个伪元素。并不存在于dom之中，只存在在页面之中。

前面的元素是伪元素的父亲，before在父元素内容的前面创建元素，after在父元素的后面插入元素

必须有content属性

应用：字体图标、遮罩层、清除浮动

冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。

注意:::before和::after是在CSS2.1里新出现的。起初，伪元素的前缀使用的是单冒号语法，但随着Web的进化，在CSS3的规范里，伪元素的语法被修改成使用双冒号，成

为::before、::after。