CSS - 문제 미리보기
문제 1226
medium
마우스를 올렸을 때 테이블 행을 강조하려면 어떤 선택자를 사용해야 하나요?
```css
_____:_____ {
background-color: coral;
}
```
```css
_____:_____ {
background-color: coral;
}
```
정답: C
호버 효과의 구성 요소:
tr 요소 선택 이유:
• tr: 테이블의 행(row) 전체를 나타냄
• 전체 행 강조: 한 행의 모든 셀이 함께 강조됨
• 사용자 경험: 데이터 행을 따라가기 쉬워짐
:hover 가상 클래스:
• 마우스 포인터가 요소 위에 있을 때 활성화
• 인터랙티브한 사용자 경험 제공
다른 선택자들의 문제점:
• td:hover: 개별 셀만 강조 (행 전체 아님)
• table:hover: 테이블 전체 강조 (너무 광범위)
• th:hover: 헤더만 강조 (데이터 행과 무관)
tr 요소 선택 이유:
• tr: 테이블의 행(row) 전체를 나타냄
• 전체 행 강조: 한 행의 모든 셀이 함께 강조됨
• 사용자 경험: 데이터 행을 따라가기 쉬워짐
:hover 가상 클래스:
• 마우스 포인터가 요소 위에 있을 때 활성화
• 인터랙티브한 사용자 경험 제공
다른 선택자들의 문제점:
• td:hover: 개별 셀만 강조 (행 전체 아님)
• table:hover: 테이블 전체 강조 (너무 광범위)
• th:hover: 헤더만 강조 (데이터 행과 무관)
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.