위키
포럼
도구
바뀐글
랜덤

"CSS nth-child() 셀렉터"의 두 판 사이의 차이

잔글 (봇: 자동으로 텍스트 교체 (-==참고 자료== +==참고==))
 
33번째 줄: 33번째 줄:
* [[CSS 셀렉터 n번째부터 전체 선택]]
* [[CSS 셀렉터 n번째부터 전체 선택]]


==참고 자료==
==참고==
*http://www.w3schools.com/cssref/sel_nth-child.asp
*http://www.w3schools.com/cssref/sel_nth-child.asp


[[분류: CSS 셀렉터]]
[[분류: CSS 셀렉터]]

2017년 6월 27일 (화) 00:59 기준 최신판

1 개요[ | ]

CSS nth-child() Selector
CSS nth-child() 셀렉터

2 예시[ | ]

<style>
span:nth-child(1) { background: yellow; }
span:nth-child(2) { color: red; }
span:nth-child(3) { background: pink; }
</style>

<div>
    <span>박스1</span>
    <span>박스2</span>
    <span>박스3</span>
    <span>박스4</span>
</div>
<div>
    <p>안녕</p>
    <span>박스1</span>
    <span>박스2</span>
    <span>박스3</span>
    <span>박스4</span>
</div>

3 같이 보기[ | ]

4 참고[ | ]

원본 주소 "https://zetawiki.com/w/index.php?title=CSS_nth-child()_셀렉터&oldid=266710"
문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}