줄무늬 테이블(zebra-striped table)을 만들기 위한 CSS 선택자는? ```... | CSS

CSS - 문제 미리보기

문제 1227

medium

줄무늬 테이블(zebra-striped table)을 만들기 위한 CSS 선택자는? ```css tr:_____(____) { background-color: #f2f2f2; } ```

A. nth-child, odd

B. nth-child, even

C. last-child, 2

D. first-child, even

정답: B

줄무늬 테이블 생성 원리: nth-child() 선택자: • 특정 순서의 자식 요소를 선택 • 패턴을 만들어 시각적 구분 효과 even과 odd의 차이: • even: 짝수 번째 행 (2, 4, 6번째...) • odd: 홀수 번째 행 (1, 3, 5번째...) • 둘 중 하나만 사용해도 줄무늬 효과 생성 시각적 효과: • 교대로 나타나는 배경색 • 긴 테이블에서 행 구분이 쉬워짐 • 데이터 읽기 오류 방지

💡 학습 팁

이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.