CSS - 문제 미리보기

문제 1306

medium
현재 활성화된 페이지를 표시하기 위한 완전한 CSS 코드는?
```html
<li><a href="#" class="active">Home</a></li>
```
A. `.active { color: blue; }`
B. `#active { background-color: green; }`
C. `.active { background-color: #04AA6D; color: white; }`
D. `active { text-decoration: underline; }`

정답: C

• `.active` 클래스 선택자를 사용하여 현재 페이지를 시각적으로 구분합니다

• `background-color: #04AA6D;`로 녹색 배경을 설정합니다

• `color: white;`로 텍스트를 흰색으로 만들어 가독성을 높입니다

• 잘못된 선택지 분석:
1번: 색상만 변경하여 시각적 구분이 약함
2번: `#active`는 ID 선택자이지만 HTML에서는 class 사용
4번: 선택자 앞에 점(.)이 없어서 문법 오류

• 배경색과 텍스트 색을 함께 변경하여 명확한 시각적 구분을 제공합니다
🎯 이 과목 문제 풀기 🏠 홈으로 가기

💡 학습 팁

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