nth-child()

nth-child 선택자는 반복되는 태그에서 원하는 순서의 태그를 선택하여 주는것

<ul>

<li> Value - 1 </li>

<li> Value - 2 </li>

<li> Value - 3 </li>

<li> Value - 4 </li>

</ul>

css

ul li { font-size:20px; font-weight:bold; }

ul li:nth-child(1) { color:red; }

ul li:nth-child(2) { color:blue; }

ul li:nth-child(3) { color:green; }

ul li:nth-child(4) { color:pink; }