:nth-child() : 앞에서 부터 센다.
:nth-last-child() : 뒤에서 부터 센다.
:nth-child( 2n+1 )
//여기서 2는 n의 정수(0, 1, 2, 3, … 차례대로 대입이 된다.)
// 1,3,5,7,9 홀수로 선택자가 적용
:nth-child( 2n+2 )
//여기서 2는 n의 정수(0, 1, 2, 3, … 차례대로 대입이 된다.)
// 0,2,4,6,8 짝수로 선택자가 적용
'CSS' 카테고리의 다른 글
background 이미지 (0) | 2023.03.29 |
---|---|
css 애니메이션 (0) | 2023.03.17 |
유튜브 모바일 반응형 (0) | 2023.03.17 |
css팁 (0) | 2023.03.17 |
flex (1) | 2023.03.16 |