CSS 자식 셀렉터

개요

CSS child selector

CSS 자식 셀렉터

• CSS 컴비네이터 중 하나
• 직접적인 자식에만 적용됨
• 후손 전체에 적용되는 후손 셀렉터와는 차이가 있음
• > 기호로 표시함

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

예시

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

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

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

→ 예제: http://zetawiki.com/ex/css/child-selector.php

같이 보기

• CSS nth-child 셀렉터
• CSS 하위 셀렉터
• CSS 셀렉터

참고

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