| 3번째 줄: | 3번째 줄: | ||
;CSS 자식 셀렉터 | ;CSS 자식 셀렉터 | ||
*[[CSS 컴비네이터]] 중 하나 | *[[CSS 컴비네이터]] 중 하나 | ||
*직접적인 | *직접적인 자식에만 적용됨 | ||
* | *후손 전체<ref>즉, 자식의 자식…, 하위 모든 태그</ref>에 적용되는 [[후손 셀렉터]]와는 차이가 있음 | ||
* > 기호로 표시함 | * > 기호로 표시함 | ||
<source lang='css'> | <source lang='css'> | ||
2014년 9월 10일 (수) 01:41 판
1 개요
- CSS child selector
- CSS 자식 셀렉터
부모선택자>자식선택자 { 속성: 값; }
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}}