CSS - 문제 미리보기
문제 1354
medium
다음 코드에서 `div` 요소의 배경색은 무엇인가요?
```css
div#myDiv {
background-color: green;
}
#myDiv {
background-color: yellow;
}
div[id="myDiv"] {
background-color: blue;
}
```
```html
<div id="myDiv">Content</div>
```
```css
div#myDiv {
background-color: green;
}
#myDiv {
background-color: yellow;
}
div[id="myDiv"] {
background-color: blue;
}
```
```html
<div id="myDiv">Content</div>
```
정답: A
• 복합 선택자가 단일 선택자보다 높은 특이성을 가집니다
• 각 선택자의 특이성 분석:
• `div#myDiv`: 요소(1) + ID(100) = 101점
• `#myDiv`: ID(100) = 100점
• `div[id="myDiv"]`: 요소(1) + 속성(10) = 11점
• 특이성 점수 계산 체계:
• 인라인 스타일: 1000점
• ID 선택자: 100점
• 클래스/속성/가상클래스: 10점
• 요소/가상요소: 1점
• 결과 분석:
• `div#myDiv`가 가장 높은 특이성(101점)을 가짐
• 따라서 녹색 배경이 적용됨
• 각 선택자의 특이성 분석:
• `div#myDiv`: 요소(1) + ID(100) = 101점
• `#myDiv`: ID(100) = 100점
• `div[id="myDiv"]`: 요소(1) + 속성(10) = 11점
• 특이성 점수 계산 체계:
• 인라인 스타일: 1000점
• ID 선택자: 100점
• 클래스/속성/가상클래스: 10점
• 요소/가상요소: 1점
• 결과 분석:
• `div#myDiv`가 가장 높은 특이성(101점)을 가짐
• 따라서 녹색 배경이 적용됨
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.