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

11번째 줄: 11번째 줄:


==예시==
==예시==
*http://jmnote.com/css/child-selector.php
<source lang='html5'>
<source lang='html5'>
<style type='text/css'>
<style type='text/css'>
23번째 줄: 22번째 줄:
</source>
</source>
:→ 직접적인 자식인 "안녕"만 빨간색이 됨
:→ 직접적인 자식인 "안녕"만 빨간색이 됨
:→ 예제: http://jmnote.com/css/child-selector.php


==같이 보기==
==같이 보기==

2014년 11월 18일 (화) 23:16 판

1 개요

CSS child selector
CSS 자식 셀렉터
부모선택자>자식선택자 { 속성: ; }

2 예시

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

<div>
<span>안녕</span>
<p><span>친구들</span></p>
</div>
→ 직접적인 자식인 "안녕"만 빨간색이 됨
→ 예제: http://jmnote.com/css/child-selector.php

3 같이 보기

4 주석

  1. 즉, 자식의 자식…, 하위 모든 태그

5 참고 자료

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}