본문 바로가기
css/basic

[css] n번째부터 m번째까지 선택하기 :nth-child(n+n):nth-child(-n+m)

by by-choice 2022. 1. 22.
반응형
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 삽입 }
반응형

댓글