CSS - 문제 미리보기
문제 1049
hard
다음 두 경우에서 h1 요소의 글자색을 예측해보세요:
경우 A:
```html
```
경우 B:
```html
```
```css
/* external.css */
h1 { color: navy; }
```
정답: C
이 문제는 동일한 우선순위에서의 CSS 적용 순서를 이해하는 고급 개념입니다.
핵심 원리: 내부 CSS와 외부 CSS는 같은 우선순위를 가지므로, 나중에 로드되는 스타일이 이전 스타일을 덮어씁니다.
경우 A 분석:
```html
```
→ 결과: orange (내부 CSS가 외부 CSS를 덮어씀)
경우 B 분석:
```html
```
→ 결과: navy (외부 CSS가 내부 CSS를 덮어씀)
실무 중요성: 이는 CSS 파일들의 로드 순서가 매우 중요함을 보여줍니다. 프레임워크 CSS → 커스텀 CSS 순서로 로드해야 원하는 스타일을 적용할 수 있습니다.
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.