CSS - 문제 미리보기
문제 1315
medium
마우스를 올렸을 때 드롭다운이 나타나게 하는 CSS 선택자는?
```css
.dropdown_____ .dropdown-content {
display: block;
}
```
정답: B
• **`.dropdown:hover .dropdown-content`**는 "dropdown에 마우스가 올라갔을 때 그 안의 dropdown-content를 선택"한다는 의미입니다
• `:hover` 가상 선택자의 특징:
• 마우스가 요소 위에 있는 동안 스타일 적용
• 마우스가 벗어나면 자동으로 원래 상태로 복귀
• JavaScript 없이도 인터랙티브한 효과 구현 가능
• 다른 선택자들의 용도:
• `:active`: 클릭하는 순간에만 적용
• `:focus`: 키보드나 클릭으로 포커스받을 때
• `:visited`: 이미 방문한 링크에 적용
• 실제 동작: 사용자가 드롭다운 버튼에 마우스를 올리면 숨겨진 메뉴가 자동으로 나타납니다
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.