개요
- CSS nth-child() Selector
- CSS nth-child() 셀렉터
- CSS 의사-클래스 셀렉터 중 하나
- 부모의 n번째 자식 요소를 선택
예시
<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>