CSS - 문제 미리보기
문제 1203
hard
다음 CSS 코드에서 사용자가 링크를 클릭하는 순간 실제로 나타나는 스타일은?
```css
a:link { color: red; background: yellow; }
a:visited { color: blue; background: green; }
a:hover { color: white; }
a:active { background: pink; }
```
가정: 사용자가 이전에 방문한 적이 있는 링크를 마우스로 클릭하는 상황
정답: C
이 문제는 CSS의 특정성과 상속 규칙을 이해해야 합니다. 방문한 적이 있는 링크를 마우스로 클릭하는 순간에는 :visited, :hover, :active 상태가 모두 동시에 적용됩니다.
CSS에서 나중에 선언된 속성이 우선순위를 가지므로:
• color는 :hover에서 white로 설정됨 (:active에는 color 속성이 없음)
• background는 :active에서 pink로 설정됨 (가장 나중에 선언됨)
따라서 최종적으로 color: white, background: pink가 적용됩니다.
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.