반응형
div:nth-child(1),
div:nth-child(2),
div:nth-child(3) { CSS 삽입 }
위 코드는 유지보수하기 곤란하다.
간단히 작성하자.
div:nth-child(n+1):nth-child(-n+3) { CSS 삽입 }
예시: 13부터 33까지 선택
div:nth-child(n+13):nth-child(-n+33) { CSS 삽입 }
반응형
'css > basic' 카테고리의 다른 글
[css] variable 변수 총 정리 (0) | 2021.03.21 |
---|---|
[css] box-sizing 요소의 크기를 제어하는 속성 (0) | 2021.03.21 |
[css] 텍스트4: word-break, word-wrap 줄바꿈 속성(단어 기준) (0) | 2021.03.20 |
[css] 텍스트3: white-space 줄바꿈 속성 (0) | 2021.03.20 |
[css] 텍스트2: letter-spacing, word-spacing 간격 조절 속성 (0) | 2021.03.20 |
댓글