CSS - 문제 미리보기
문제 1352
easy
다음 코드에서 텍스트의 최종 색상은 무엇인가요?
```css
p {
color: red;
}
.test {
color: green;
}
```
```html
<p class="test">Hello World!</p>
```
```css
p {
color: red;
}
.test {
color: green;
}
```
```html
<p class="test">Hello World!</p>
```
정답: B
• 클래스 선택자가 요소 선택자보다 높은 특이성을 가집니다
• 특이성 우선순위 (높음 → 낮음):
• 인라인 스타일 > ID 선택자 > 클래스 선택자 > 요소 선택자
• 이 예시에서의 특이성 비교:
• `.test` (클래스): 특이성 점수 높음
• `p` (요소): 특이성 점수 낮음
• 실제 적용 과정:
1. 브라우저가 모든 적용 가능한 CSS 규칙을 찾음
2. 특이성이 높은 규칙이 우선 적용됨
3. 결과: 녹색으로 표시됨
• 특이성 우선순위 (높음 → 낮음):
• 인라인 스타일 > ID 선택자 > 클래스 선택자 > 요소 선택자
• 이 예시에서의 특이성 비교:
• `.test` (클래스): 특이성 점수 높음
• `p` (요소): 특이성 점수 낮음
• 실제 적용 과정:
1. 브라우저가 모든 적용 가능한 CSS 규칙을 찾음
2. 특이성이 높은 규칙이 우선 적용됨
3. 결과: 녹색으로 표시됨
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.