主要用于在原来的元素上面覆盖东西

语法

::before

::after

其实就是相当于在原来的元素里面插入一个元素，这个元素是行级元素，当然它是可以转换成块级元素的，然后其它的操作都和css没有差别了

是一个非常好用的方法

特点

• 肯定是行内元素
• 在html文档中是找不到的，它在css中
• 必须由content,可以是空格
• 权重和标签选择器一样是1

可清除浮动

方法1

.clearfix::after{
   content: '';
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

方法2

.clearfix::before,.clearfix::after{
   content: '';
   /* 转换为块级元素并且一行显示 */
   display：table;
}
.clearfix::after{
   clear: both;
}