從最後/底部選擇第n個孩子

Question

我有交替背景顏色的項目列表。我目前使用:nth-child(odd)選擇器來製作交替的行顏色。用戶有能力使用jquery異步地添加新項目到列表頂部 - 這提出了一個問題，使表單有點不直觀：

當一個新條目添加到列表頂部時，所有先前存在的行被按下一個，所以它們都會改變交替的顏色（因爲奇數行變爲偶數，反之亦然）。我希望在添加新行時保留現有的交替顏色 - 一種方法是從列表底部開始計算奇數/偶數的第n個孩子......以任何方式執行此操作？

附加信息：新條目必須添加到列表的「頂部」。在這種情況下，將「odd」/「even」類名添加到不實際的行中。

在此先感謝！

Answer 1

你會想要使用:nth-last-child(2n+0)。這是從最後一個孩子開始，而不是第一個/最新的孩子。希望這可以幫助。