pug템플린에서 작업중 css를 반복적으로 적용하려고 합니다.
조회수 563회
-for(var i = 0; i<10; i++)
style.
#sum+i{
background-color:green;
}
pug에서 작업 중, ID가 sum0, sum1, sum2, ... sum9인 엘리먼트에 반복적으로 CSS를 적용하려고 합니다. 어디가 문제일까요?
1 답변
-
보간(변수를 끼워넣기)하는 방법에 문제가 있었습니다. DEMO
- for (var i = 0; i < 10; i++) style. #sum#{i} { background-color: green; } p#sum3 foo bar
+ 반복적으로 적용되어야 하는 스타일링은 가급적 클래스를 사용하시는 것이 좋습니다.
댓글 입력