(→개요) |
(→예시) |
||
| 14번째 줄: | 14번째 줄: | ||
<source lang='html5'> | <source lang='html5'> | ||
<style type='text/css'> | <style type='text/css'> | ||
div > span { color: | div > span { color: red; } | ||
</style> | </style> | ||
| 22번째 줄: | 22번째 줄: | ||
</div> | </div> | ||
</source> | </source> | ||
:→ 직접적인 자식인 "안녕"만 빨간색이 됨 | |||
==같이 보기== | ==같이 보기== | ||
2014년 9월 5일 (금) 17:05 판
1 개요
- CSS child selector
- CSS 자식 셀렉터
- 직접적인 자식에 적용됨
- 하위 셀렉터와는 차이가 있음
- 하위 셀렉터의 경우, 직접적인 자식뿐만 아니라 후손 전체[1]에 적용됨
- > 기호로 표시함
부모선택자>자식선택자 { 속성: 값; }
2 예시
<style type='text/css'>
div > span { color: red; }
</style>
<div>
<span>안녕</span>
<p><span>친구들</span></p>
</div>
- → 직접적인 자식인 "안녕"만 빨간색이 됨
3 같이 보기
4 주석
- ↑ 즉, 자식의 자식…, 하위 모든 태그
5 참고 자료
로그인하시면 댓글을 쓸 수 있습니다.
{{ comment.name }}
{{ comment.created | snstime }}
-
{{comment.page_title}} ―{{comment.name}}