[CSS] 자손 선택자, 자식 선택자

* 코드 예시

html

css

자식 선택자 .box > div

box 클래스 바로 아래에 있는 직계 자식인 div에 스타일을 적용.

'>' 기호는 직계 자식 관계를 나타낸다.

 

자손 선택자 .box > div div

box 클래스 바로 아래에 있는 직계 자식인 div 안에 있는 자손 div에 스타일 적용.

'>' 기호 없이 스페이스바로 후손 관계를 나타낸다.

 

 

출력