css - 从最后一个/底部选择第 n 个 child

Question

我有具有交替背景颜色的元素列表。我目前正在使用 :nth-child(odd) 选择器来制作交替行颜色。用户可以使用 jquery 将新元素异步添加到列表顶部——这会导致表单有点不直观:

当一个新的条目被添加到列表的顶部时，所有以前存在的行都会被向下推一个，所以它们都会改变交替的颜色(因为奇数行变成偶数，反之亦然)。我想在添加新行时保留现有的交替颜色——一种方法是从列表底部开始计算奇数/偶数 nth-child ......有什么方法可以做到这一点？

附加信息:新条目必须添加到列表的“顶部”。在这种情况下，向行添加“奇数”/“偶数”类名是不切实际的。

提前致谢!

Answer 1

您需要使用 :nth-last-child(2n+0)。这是从最后一个 child 而不是第一个/最新的 child 开始的。希望这会有所帮助。