위키
포럼
도구
바뀐글
랜덤

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

(새 문서: ==참고 자료== *http://www.w3.org/TR/CSS2/selector.html#child-selectors 분류: CSS 셀렉터)
 
1번째 줄: 1번째 줄:
==개요==
;CSS 자식 셀렉터
*직접적인 자식에 적용됨
*[[하위 셀렉터]]와는 차이가 있음
:하위 셀렉터의 경우, 직접적인 자식뿐만 아니라 후손 전체<ref>즉, 자식의 자식…, 하위 모든 태그</ref>에 적용됨


==예시==
*http://jmnote.com/css/child-selector.php
<source lang='html5'>
<style type='text/css'>
div > span { color: violet; }
</style>
<div>
<span>안녕</span>
<p><span>친구들</span></p>
</div>
</source>


==참고 자료==
==참고 자료==

2014년 9월 5일 (금) 17:00 판

1 개요

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

2 예시

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

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

3 참고 자료

  1. ↑ 즉, 자식의 자식…, 하위 모든 태그
원본 주소 "https://zetawiki.com/w/index.php?title=CSS_자식_셀렉터&oldid=79348"
문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}