CSS - 문제 미리보기
문제 1355
medium
같은 특이성을 가진 규칙들이 충돌할 때 적용되는 원칙은?
```css
h1 { background-color: yellow; }
h1 { background-color: red; }
```
```html
<h1>Title</h1>
```
```css
h1 { background-color: yellow; }
h1 { background-color: red; }
```
```html
<h1>Title</h1>
```
정답: B
• 동일한 특이성일 때는 "마지막 규칙이 이긴다(Last Rule Wins)" 원칙이 적용됩니다
• 캐스케이딩(Cascading) 규칙:
1. 특이성이 높은 것이 우선
2. 특이성이 같으면 나중에 작성된 것이 우선
3. 소스 순서(CSS 파일에서의 위치)가 중요
• 실제 적용 과정:
• 두 `h1` 규칙 모두 동일한 특이성(1점)
• 브라우저가 CSS를 위에서 아래로 읽음
• 나중에 나오는 `red` 규칙이 이전 `yellow` 규칙을 덮어씀
• CSS 파일 로딩 순서도 영향:
• 여러 CSS 파일이 있을 때 나중에 로드된 파일이 우선
• `<link>` 태그의 순서가 중요
• 캐스케이딩(Cascading) 규칙:
1. 특이성이 높은 것이 우선
2. 특이성이 같으면 나중에 작성된 것이 우선
3. 소스 순서(CSS 파일에서의 위치)가 중요
• 실제 적용 과정:
• 두 `h1` 규칙 모두 동일한 특이성(1점)
• 브라우저가 CSS를 위에서 아래로 읽음
• 나중에 나오는 `red` 규칙이 이전 `yellow` 규칙을 덮어씀
• CSS 파일 로딩 순서도 영향:
• 여러 CSS 파일이 있을 때 나중에 로드된 파일이 우선
• `<link>` 태그의 순서가 중요
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.