긴 테이블의 대체 행 색상

Question

행 수가 일정량보다 많으면 테이블 행에 색상을 번갈아 표시 할 수 있습니까?

내가 할 경우

tr    {background-color: white;} 
tr:nth-child(even){background-color: gray;} 

다음이 제공됩니다 다른 색상에 관계없이 행의 수. 내가 행 5 인 이상 테이블이 제한하려고 할 경우 예상대로

tr    {background-color: white;} 
tr:nth-child(2n+5){background-color: gray;} 

후, 짧은 테이블은 변경되지 않지만 긴 테이블의 첫 번째 네 개의 행이 중 변경되지 않습니다.

Answer 1

여기서 nth:child() 대신에 nth-of-type()을 사용하는 것이 더 좋으며, 태그 사이에 동적 요소가 생성되면 선택기가 중단됩니다. 당신이 그들을 생성하는 동안 당신이 당신의 행을 셀 수 없을 정도로, 당신의 행을 생성하는 PHP를 사용하는 경우 nth:typehttp://jsfiddle.net/FKZtn/22/