CSS_nth-child 셀렉터

▶️

  .cart-table td:nth-child(2) {
    color: red;
  } 

여러 요소를 찾아서 해당 요소내 n 번째에 해당하는 요소만 스타일을 주고 싶으면, :nth-child(n)셀렉터를 사용한다.

  .cart-table td:nth-child(even) {
    color: red;
  } 

숫자뿐만 아니라 even, odd로 짝수, 홀수에 해당하는 요소에만
스타일을 줄 수도 있다.

  .cart-table td:nth-child(3n+0) {
    color: red;
  } 

이렇게 쓰면 3의 배수에 해당하는 요소에만 스타일을 줄 수도 있다.