CSS - 문제 미리보기

문제 1288

hard
다음 두 CSS 선택자의 차이점으로 올바른 것은? ```css /* 선택자 A */ p i:first-child { color: blue; } /* 선택자 B */ p:first-child i { color: blue; } ``` ```html

텍스트1 기타 텍스트2

텍스트3 기타 텍스트4

```
A. A는 텍스트1만, B는 텍스트1,2만 선택
B. A는 텍스트1,3만, B는 텍스트1,2만 선택
C. A는 텍스트1,3만, B는 모든 i 요소 선택
D. 둘 다 동일한 결과

정답: B

복합 선택자에서 :first-child 위치의 중요성: 선택자 A: `p i:first-child`: • 모든 p 요소 내부에서 • 첫 번째 자식인 i 요소를 선택 • p의 첫 번째 자식이 i여야 함 선택자 B: `p:first-child i`: • 첫 번째 자식인 p 요소 내부의 • 모든 i 요소를 선택 • p가 부모의 첫 번째 자식이어야 함

💡 학습 팁

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