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

时间:2013-10-15 00:22:49

标签: css css3 css-selectors

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

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

其他信息:必须将新条目添加到列表的“顶部”。在这种情况下,将“奇数”/“偶数”类名称添加到不实用的行中。

提前致谢!

1 个答案:

答案 0 :(得分:5)

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