用:after的时候属性里面需要定位，li的父级元素是ul定位的话5个li会出现重叠；而a的父级元素是各自的li，相对定位就不会出现重叠的现象了

这段代码里ul包含li，li包含a，而且css里做了统一的定位设置，如果用li::after的话，会统一参照外边的ul做定位，这样的结果就是五个圈都定位到同一位置了，所以应该给a::after做定位，这样才会按照各自父级的li的位置出现在相应的位置上呢~

这个是根据代码结构来的，当然不同开发人员的实现也可能不同，所以说并不是只有一种固定的实现方式，只要是合理的都可以。