请教海洋大佬一个问题。

   海洋制作模板的时候。不知道如何处理这个问题。特来请教、求助海洋大佬。望指教！

图片：QQ20251114-211212.png

如图所示。这个是排行榜。一共显示8条。第一条默认显示为带图片模式。剩余的7条要鼠标挪动到指定位置才显示。
<li class="rank-item on"> 和<li class="rank-item">区别。新手小白。不太懂。本渣这样写。会导致排行榜第一条数据和2--7可能会重复。 海洋大佬指教下。谢谢！

加一个排序