5.2.2 자식 선택자
자식 선택자는 부모 요소의 하위에 있는 자식 요소에 스타일을 적용할 때 사용합니다. 2개 이상의 선택자가 사용되며, 선택자와 선택자는 > 기호로 구분합니다.
형식
부모 선택자 > 자식 선택자{/* CSS 코드 */}
만약 다음처럼 선택자를 지정했다면 HTML 문서에 존재하는 모든 p 태그로 작성된 요소에 스타일이 적용됩니다.
p{}
여기에 자식 선택자를 사용해 다음 코드처럼 작성하면 class 속성값이 box인 요소와 자식 관계인 p 태그로 작성된 요소만 선택자로 지정합니다.
TIP | HTML 요소의 부모, 자식, 형제 관계가 기억나지 않는다면 2.3.2 부모, 자식, 형제 관계를 다시 살펴보세요.
05/02/child_selector.html
