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

잔글 (로봇: 자동으로 텍스트 교체 (-http://jmnote.com/css/ +http://zetawiki.com/ex/css/))
22번째 줄: 22번째 줄:
</source>
</source>
:→ div의 직접적인 자식인 span "안녕"만 빨간색이 됨
:→ div의 직접적인 자식인 span "안녕"만 빨간색이 됨
:→ 예제: http://jmnote.com/css/child-selector.php
:→ 예제: http://zetawiki.com/ex/css/child-selector.php


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

2015년 7월 19일 (일) 16:38 판

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 주석

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

5 참고 자료

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