"CSS 자식 셀렉터"의 두 판 사이의 차이

2017년 6월 27일 (화) 01:21 기준 최신판

1 개요[ | ]

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

2 예시[ | ]

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

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

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

3 같이 보기[ | ]

4 주석[ | ]

5 참고[ | ]

@@ 21번째 줄: / 21번째 줄: @@
 </div>
 </source>
-:→ 직접적인 자식인 "안녕"만 빨간색이 됨
+:→ div의 직접적인 자식인 span "안녕"만 빨간색이 됨
-:→ 예제: http://jmnote.com/css/child-selector.php
+:→ 예제: http://zetawiki.com/ex/css/child-selector.php
 ==같이 보기==
+*[[CSS nth-child 셀렉터]]
 *[[CSS 하위 셀렉터]]
 *[[CSS 셀렉터]]
@@ 31번째 줄: / 32번째 줄: @@
 <references/>
-==참고 자료==
+==참고==
 *http://www.w3.org/TR/CSS2/selector.html#child-selectors
 [[분류: CSS 셀렉터]]