用:after的時候屬性里面需要定位，li的父級元素是ul定位的話5個li會出現重疊；而a的父級元素是各自的li，相對定位就不會出現重疊的現象了

這段代碼里ul包含li，li包含a，而且css里做了統一的定位設置，如果用li::after的話，會統一參照外邊的ul做定位，這樣的結果就是五個圈都定位到同一位置了，所以應該給a::after做定位，這樣才會按照各自父級的li的位置出現在相應的位置上呢~

這個是根據代碼結構來的，當然不同開發人員的實現也可能不同，所以說并不是只有一種固定的實現方式，只要是合理的都可以。