CSS 자식 셀렉터

1 개요

CSS child selector

CSS 자식 셀렉터

• 직접적인 자식에 적용됨
• 하위 셀렉터와는 차이가 있음

하위 셀렉터의 경우, 직접적인 자식뿐만 아니라 후손 전체에 적용됨

• > 기호로 표시함

부모선택자>자식선택자 { 속성: 값; }

2 예시

• http://jmnote.com/css/child-selector.php

<style type='text/css'>
div > span { color: red; }
</style>

<div>
<span>안녕</span>
<p><span>친구들</span></p>
</div>

→ 직접적인 자식인 "안녕"만 빨간색이 됨

3 같이 보기

• CSS 하위 셀렉터
• CSS 셀렉터

5 참고 자료

• http://www.w3.org/TR/CSS2/selector.html#child-selectors