如何让每行最后一个元素的样式不一样？浮动或者flex布局，每行排列的个数不确定，根据屏幕宽度适应

Question

如题，子元素的宽高确定，每行排列的个数不确定，根据屏幕宽度适应，用CSS最好，方便的JS也行。

讨论一下，最好能有最简方法，多多指导>_<！

可能是我没说清楚，是每一行

<ul>

    <li></li>

    <li></li>

    <li></li>

    <li></li>

    <li></li>

    <li></li>

    <li></li>

</ul>

类是这种结构，因为li的宽度一定，向左浮动或者flex布局，所以屏幕宽度改变时会换行，每行的最后一个子元素样式不一样，我想了很久好像只能用JS，但是有没有像:last这种简单的css方法？

再补充一下

比如屏幕宽度是500的时候，我每个li宽是100，那么我有10个li，这样有2行，我想第5和第10我它的样式不一样。然后我改变一下屏幕宽度到200，这样就有5行了，我想第2，4，6，8，10个li的样式不一样，就是自动识别出每行最后一个li改变它的样式

Answer 1

css里面没有这么方便的，要用js先判断一行有几个，:nth-child(xn)，得出x，这算是最方便的解了