我有交替背景颜色的项目列表。我目前正在使用:nth-child(odd)
选择器来制作交替的行颜色。用户可以使用jquery异步地将新项添加到列表顶部 - 这会造成一个问题,使表单有点不直观:
当新条目添加到列表顶部时,所有先前存在的行都被向下推,因此它们都会改变交替颜色(因为奇数行变为偶数,反之亦然)。我想在添加新行时保持现有的交替颜色 - 一种方法是从列表底部开始计算奇数/偶数第n个孩子......任何方法都可以这样做? / p>
其他信息:必须将新条目添加到列表的“顶部”。在这种情况下,将“奇数”/“偶数”类名称添加到不实用的行中。
提前致谢!
答案 0 :(得分:5)
您需要使用:nth-last-child(2n+0)
。这是从最后一个孩子而不是第一个/最新孩子开始工作的。希望这会有所帮助。