CSS - 문제 미리보기
문제 1281
medium
다음 CSS에서 실제로 스타일이 적용되는 요소는?
```css
div > p {
color: red;
}
```
```html
```
A
B
C
정답: C
Child Combinator (>)의 정확한 동작:
Child Combinator의 엄격한 기준:
• 오직 직접 자식 요소만 선택
• 한 레벨 아래 요소에만 적용
• 손자, 증손자 등은 제외
각 요소별 분석:
요소 A (` `):
• div의 손자 요소 (div → section → p)
• section이 중간에 있어서 직접 자식 아님
• 스타일 적용 안됨
요소 C (`
A
`): • div의 직접 자식 ✓ • 중간에 다른 요소 없이 바로 div 아래 위치 • 스타일 적용됨 요소 B (`B
C
`): • div의 직접 자식 ✓ • A와 마찬가지로 바로 div 아래 위치 • 스타일 적용됨 Descendant vs Child 비교: • `div p`: A, B, C 모두 선택 (후손 선택자) • `div > p`: A, C만 선택 (자식 선택자)💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.