본문 바로가기
CSS

선택자 nth-child 범위 ( n번 부터 n번까지 )

by 알찬 퍼블리셔 2022. 9. 15.
728x90
반응형

기본 nth-child

선택자:nth-child(n) // n번

선택자:nth-last-child(n) //뒤에서 n번째 

선택자:nth-child(2n) // 2의배수번째 2,4,6,8.......번째들 모두 

선택자:nth-child(odd) //홀수번째 모두 선택

선택자:nth-child(even) //짝수번째 모두 선택

 

범위

선택자:nth-child(-n+6) //1번부터 6번까지

선택자:nth-last-child(-n+6) //뒤에서 1번부터 6번까지

선택자:nth-child(n+6) //6번부터 전부

선택자:nth-last-child(n+6) //뒤에서 6번부터 전부

선택자:nth-child(n+2):nth-child(-n+4) //2번 부터 4번 전까지

 

 

 

테스트

 

 

728x90
반응형

댓글