tr:nth-child(even) { background-color:yellow; }
왜 1행, 2행, 3행, 4행 중에서
2행이 정답이 아니고 3행이 정답인가요?
머리말, 바닥글, 본문 다 포함해서 4개 행을 기준으로 잡아야하는거 아닌가요?
안녕하세요 길벗수험서 운영팀입니다.
해당 코드는 tr에서 짝수인 경우에만 색을 칠하라는 것입니다.
여기서 주의하셔야 할 점은 짝수를 세는 단위가 하나의 '블록'이라는 것입니다.
thead에 있는 tr은 하나뿐이기 때문에 짝수가 세어질 수 없습니다.
tfoot도 마찬가지죠
tbody만 2개의 tr을 선언하고 있기 때문에 짝수가 세어질 수 있고, tbody의 두 번째 셀만 스타일이 지정되게 됩니다.
위 3개를 table의 순서대로 배치하게 되면 head > body > foot 순이므로 결과적으로 3번째 줄에 스타일이 지정된 것처럼 보이는 것입니다.
행복한 하루되세요 :)
-
관리자2023-06-16 09:39:02
안녕하세요 길벗수험서 운영팀입니다.
해당 코드는 tr에서 짝수인 경우에만 색을 칠하라는 것입니다.
여기서 주의하셔야 할 점은 짝수를 세는 단위가 하나의 '블록'이라는 것입니다.
thead에 있는 tr은 하나뿐이기 때문에 짝수가 세어질 수 없습니다.
tfoot도 마찬가지죠
tbody만 2개의 tr을 선언하고 있기 때문에 짝수가 세어질 수 있고, tbody의 두 번째 셀만 스타일이 지정되게 됩니다.
위 3개를 table의 순서대로 배치하게 되면 head > body > foot 순이므로 결과적으로 3번째 줄에 스타일이 지정된 것처럼 보이는 것입니다.
행복한 하루되세요 :)