for
-
Sass(SCSS) At-Rules #5[@for and @while]CSS Preproseccor/Sass 2019. 5. 5. 21:35
@for // 구문 @for from to {...} @for from through {...} 어떤 숫자에 대해 위아래도 카운트 하면서 각 숫자에 대한 블록을 평가합니다. 위 for 구문 중 to를 사용하면 최종 숫자는 제외되고 through를 사용하면 포함됩니다. SCSS @for $i from 1 through 3 { ul:nth-child(3n + #{$i}) { background-color: lighten($base-color, $i * 5%); } } CSS ul:nth-child(3n + 1) { background-color: #004080; } ul:nth-child(3n + 2) { background-color: #004d99; } ul:nth-child(3n + 3) { backg..