[HTML&CSS] CSS - nth-child( ) 개념 및 예제

[CSS] nth-child() : 엘리먼트의 자식 중에 한 명만 골라서 특징을 줄 수 있음.

특징)

1. section > div : nth-child(1, 2) 는 불가능!!
   -> section > div : nth-child(1), section > div : nth-child(2) 로 가능

2. first-child/last-child 같은 표현도 가능!

3. section > : nth-child(1) 은 section안에 있는 태그와 상관없이 첫번째 자식 선택

4. 짝수, 홀수 번째 등의 반복되는 횟수를 선택하려면 nth-child( ) 괄호 안에 수식 필요!! ★

See the Pen WEB : nth-child() by hoyeol0513 (@hoyeol0513) on CodePen.