:nth-child()

: 앞의 태그를 대상으로 적용된다. 즉, div:nth-child(2)라고 한다면, 같은 부모 태그 밑에 있는 여러 div중 두 번째 div가 전부 선택된다. 만약 태그를 지정하지 않으면 같은 부모 태그 내에 있는 같은 종류의 태그 중 두 번째에 위치하는 태그들이 모두 선택된다.

:nth-child() 선택자는 odd, even 키워드를 제공한다.

• 홀수 번째 태그만 선택: :nth-child(odd)
• 짝수 번째 태그만 선택: :nth-child(even)

혹은, 직접 수열을 만들어 전달할 수도 있다. An + B의 형태로 전달한다. n은 0부터 시작한다.

• 홀수만 선택: 2n + 1
• 짝수만 선택: 2n
• 5의 배수만 선택: 5n