关于css选择器所选的位置被动态更替后，样式更新问题！

Question

请看下图，此时最后的一个元素位置确定，可以使用li:last-child{}来将其选择，这里做的是将其的中的横线去掉，横线是用:after定位上去的

下面问题来了，当页面向下滚动加载更多数据插入到底部的时候，刚才的最后一个元素的位置已经不是最后一位了，但是他的css样式仍然在生效，所以横线
还是没有的状态，怎么解决这个问题？（我发现用鼠标点一下不要松手，线条就会回来，但这样操作没意义啊，还有，不想使用border-bottom来解决）

Answer 1

有一个简单的想法：不使用“last-child”，而是把横线样式放到每个li的顶部去，然后使用“first-child”去除第一个li的横线样式。