css:伪元素的使用

对于没有实际意义的内容不要添加格式，应该用样式控制，比如这个了的分隔样式。

最先我使用的是在页面中添加一个div，然后在div中添加两个圆和一个横线。但是这是最最简陋的方法了。改进版本：整体有三个模块，通过控制其中两个模块的伪元素来实现两个圆，然后通过定位来控制圆的位置，那个横线是一个border与两边的距离通过margin来设置。

这里我的伪元素是定为到div上面的：

内容并不重要，看红框中，这里主要是想记录的是::before和::after这两个伪元素，在以前我都没有在意过这些东西，今天是在指导下才明白到这个的厉害。
@extend .ball 是sass的用法,用于继承