如果最后一个元素是4的倍数，则css选择最后四个，如果最后一个元素是3的倍数

Question

我有以下css来获取最后四个

:nth-last-child(-n+4){border-bottom: none;}

它将结果返回给我：

在此，所有最后四个孩子都没有边界

但是，如果最后一项是3的倍数，则它会到达前一行。

我需要的是：

1. 当最后一项为3的倍数时，仅选择最后3项
2. 当最后一项为2的倍数时，仅选择最后2项

此外，这需要纯粹的CSS。有人知道如何实现这个目标吗？

Answer 1

这会使一些非常复杂的选择器与here找到的选择器不同，但可以这样做：

:first-child:nth-last-child(4n) ~ :nth-last-child(-n+4),
:first-child:nth-last-child(4n+3) ~ :nth-last-child(-n+3),
:first-child:nth-last-child(4n+2) ~ :nth-last-child(-n+2) {
  border-bottom: none;
}

Answer 2

而不是使用边框底部，

我认为你应该改为边界顶部，它适合你的情况。