CSS - 문제 미리보기

문제 1281

medium
다음 CSS에서 실제로 스타일이 적용되는 요소는? ```css div > p { color: red; } ``` ```html

A

B

C

```
A. A만
B. B만
C. A와 C만
D. A, B, C 모두

정답: C

Child Combinator (>)의 정확한 동작: Child Combinator의 엄격한 기준: • 오직 직접 자식 요소만 선택 • 한 레벨 아래 요소에만 적용 • 손자, 증손자 등은 제외 각 요소별 분석: 요소 A (`

A

`): • div의 직접 자식 ✓ • 중간에 다른 요소 없이 바로 div 아래 위치 • 스타일 적용됨 요소 B (`

B

`): • div의 손자 요소 (div → section → p) • section이 중간에 있어서 직접 자식 아님 • 스타일 적용 안됨 요소 C (`

C

`): • div의 직접 자식 ✓ • A와 마찬가지로 바로 div 아래 위치 • 스타일 적용됨 Descendant vs Child 비교: • `div p`: A, B, C 모두 선택 (후손 선택자) • `div > p`: A, C만 선택 (자식 선택자)

💡 학습 팁

이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.