从上一个/下一个选择nth-child

S.A*_*S.A 3 css css-selectors css3

我有交替背景颜色的项目列表.我目前正在使用:nth-child(odd)选择器来制作交替的行颜色.用户可以使用jquery异步地将新项添加到列表顶部 - 这会产生一个问题,使表单有点不直观:

当新条目添加到列表顶部时,所有先前存在的行都被向下推一个,因此它们都会改变交替颜色(因为奇数行变为偶数,反之亦然).我想在添加新行时保留现有的交替颜色 - 一种方法是从列表底部开始计算奇数/偶数第n个子...任何方法都可以这样做?

附加信息:必须将新条目添加到列表的"顶部".在这种情况下,将"奇数"/"偶数"类名添加到不实用的行中.

提前致谢!

Ove*_*ack 5

你会想要使用:nth-last-child(2n+0).这是从最后一个孩子而不是第一个/最新孩子.希望这可以帮助.