위 코드에서 box-row 안에 box 클래스를 가진 요소가 3개씩 들어가 있는걸 반복시킬 껀데
전체 box 요소중에 5n+1, 5n+2, 5n+3, 5n+4, 5n+5 단위로 색상을 배정할 꺼임
예를들어 첫번째 box는 red, 두번쨰 box는 blue ... 5번째 box는 yellow
그 다음 여섯번째 box는 다시 red가 되는거지
이걸 css로 선택자를 고를려면 nth-child나 nth-of-type으로는 부모인 box-row가 다르니까 안되더라
부모 요소 무시하고 전체에서 특정 클래스의 몇번째 요소만 특정해서 선택하는 방법 없냐?
걍 grid를 써
.box-section .box { } 하면 되지 않나?
js 쓰면 안 될까요
진짜 되기만 원하면 map에다가 스타일 객체선언한거 style로줄순있음 - dc App