위키
포럼
도구
바뀐글
랜덤

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

잔글 (봇: 자동으로 텍스트 교체 (-==참고 자료== +==참고==))
 
(다른 사용자 한 명의 중간 판 3개는 보이지 않습니다)
30번째 줄: 30번째 줄:


==같이 보기==
==같이 보기==
*[[CSS nth-of-type() 셀렉터]]
* [[CSS nth-of-type() 셀렉터]]
* [[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 }}