Jmnote bot (토론 | 기여) 잔글 (로봇: 자동으로 텍스트 교체 (-http://jmnote.com/css/ +http://zetawiki.com/ex/css/)) |
Jmnote bot (토론 | 기여) 잔글 (봇: 자동으로 텍스트 교체 (-== 참고 자료 == +==참고==)) |
||
| (다른 사용자 한 명의 중간 판 하나는 보이지 않습니다) | |||
| 25번째 줄: | 25번째 줄: | ||
==같이 보기== | ==같이 보기== | ||
*[[CSS nth-child 셀렉터]] | |||
*[[CSS 하위 셀렉터]] | *[[CSS 하위 셀렉터]] | ||
*[[CSS 셀렉터]] | *[[CSS 셀렉터]] | ||
| 31번째 줄: | 32번째 줄: | ||
<references/> | <references/> | ||
==참고 | ==참고== | ||
*http://www.w3.org/TR/CSS2/selector.html#child-selectors | *http://www.w3.org/TR/CSS2/selector.html#child-selectors | ||
[[분류: CSS 셀렉터]] | [[분류: CSS 셀렉터]] | ||
2017년 6월 27일 (화) 01:21 기준 최신판
1 개요[ | ]
- CSS child selector
- CSS 자식 셀렉터
부모선택자>자식선택자 { 속성: 값; }
2 예시[ | ]
<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
3 같이 보기[ | ]
4 주석[ | ]
- ↑ 즉, 자식의 자식…, 하위 모든 태그
5 참고[ | ]
로그인하시면 댓글을 쓸 수 있습니다.
{{ comment.name }}
{{ comment.created | snstime }}
-
{{comment.page_title}} ―{{comment.name}}