1. 伪元素使用场景
伪元素一般是用于画图，特别是那种无关紧要的分隔线、点之类的小元素，如下图的绿框所示：
上面第一张图的分隔线，就是用before画的。只需要给div套一个类，这个类写一个before，那么相应的div就会带上分隔线，而不用每加一个内容，就得手动添加一个span来画那个分隔线。
2. 什么是伪元素
伪元素是一个元素的子元素，并且它是inline行内元素。给一个标签加上before和after，用浏览器检查：
可以看到before成为了这个标签的第一个子元素，而after成为了它的最后一个子元素。
