마지막/아래에서 n 번째 자녀 선택

Question

배경색이 번갈아 나열된 목록이 있습니다. 현재 :nth-child(odd) 선택기를 사용하여 행 색상을 번갈아 변경하고 있습니다. 사용자는 jquery를 사용하여 비동기 적으로 목록의 맨 위에 새 항목을 추가 할 수 있습니다.이 경우 양식이 조금 비현실적이게됩니다.

새 항목이 목록의 맨 위에 추가되면 이전에 존재하던 행은 하나 씩 아래로 내려 오므로 색이 번갈아 바뀝니다 (홀수 열이 짝수로 바뀌고 그 반대도 마찬가지입니다). 새 행을 추가 할 때 기존의 색을 유지하고 싶습니다. 목록의 맨 아래부터 시작하여 홀수/짝수 번째 자식을 계산하는 방법이 있습니다.이 작업을 수행하는 방법은 무엇입니까?

추가 정보 : 목록의 '상단'에 새 항목을 추가해야합니다. "odd"/ "even"클래스 이름을이 경우 실용적이지 않은 행에 추가합니다.

미리 감사드립니다.

Answer 1

:nth-last-child(2n+0)을 사용하는 것이 좋습니다. 이것은 첫번째/가장 새로운 아이 대신에 마지막 아이에서 일하고 있습니다. 희망이 도움이됩니다.