请教老师，使用after和before有什么区别？

同学你好，解答如下：

after和before的区别就是二者的位置不同。before的含义是“在谁谁之前”，after的含义是“在谁谁之后”：以before为例，位置如下：

同理，after位置如下：

所以同学可以按照二者的位置差别，来选用相应的元素。比如下图：

图标是处于内容前面的，所以这里选用了before。但是由于图标使用的是定位，所以换成after也可以。因此如果after和before都能实现效果，那么选用哪个都可以。但是有一点需要注意，清除浮动时，我们需要在父元素底部（父元素最后）添加一个元素，所以需要使用after：

祝学习愉快!