CSS
선택자 nth-child 범위 ( n번 부터 n번까지 )
알찬 퍼블리셔
2022. 9. 15. 14:21
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
반응형