假设我想使用CSS
生成以下SCSS
:
.selector-1,
.selector-2,
.selector-3,
.selector-4,
.selector-5 {
color: blue;
}
你会如何在SCSS
中写出来?使用此@for
循环
@for $i from 1 through 5 {
.selector-{$i} {
color: blue;
}
}
会自然产生
.selector-1 {
color: blue;
}
.selector-2 {
color: blue;
}
.selector-3 {
color: blue;
}
.selector-4 {
color: blue;
}
.selector-5 {
color: blue;
}
这将是太多的代码。