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
반응형
'CSS' 카테고리의 다른 글
간단하게 css로 프로그레스바 그리기 (3586) | 2022.09.06 |
---|---|
[CSS] transform 한번에 여러개(scale, skew, translate) 적용하는 matrix() (402) | 2019.06.10 |
[CSS] Accordion 아코디언메뉴 구현하기 (380) | 2019.06.10 |
[CSS] dropdown 드롭다운 메뉴 구현 (387) | 2019.06.10 |
[CSS] 마우스 커서 간단하게 이미지로 변경하기 (395) | 2019.06.04 |
댓글