CSS | nth-child 사용법

|

설명

자식 요소에서 형제들의 순서에 따라 요소를 선택하는 방법입니다

nth-child(1)
nth-child(0n+1)
li:nth-child(1)
li:nth-child(0n+1)
첫번째 요소를 선택
nth-child(2)li:nth-child(2)두번째 요소 선택
nth-child(4n)li:nth-child(4n)모든 4번째 요소 선택
nth-child(odd)
nth-child(2n+1)
li:nth-child(odd)
li:nth-child(2n+1)
홀수번째 행 선택
nth-child(even)
nth-child(2n)
li:nth-child(even)
li:nth-child(2n)
짝수번째 행 선택

참조

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다