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

Question

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

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

Answer 1

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

Answer 2

试试 not 选择器

li:not(:last-child):after{}

Answer 3

我不知道 :after 怎么把横线定位上去的，然后我试了 border-bottom，一点问题都没有。要不把你的 :after 定位横线借来学习下？

https://jsfiddle.net/6wrozno5/