Loops 包含0的循环的SASS
我在SASS中有一个for循环,它在页面类中循环,为每个模块插入一个分色符。例如:Loops 包含0的循环的SASS,loops,sass,Loops,Sass,我在SASS中有一个for循环,它在页面类中循环,为每个模块插入一个分色符。例如: @for $i from 1 through 4 { // the loop .m0#{$i} .module-title{ background-color: nth($m_col_lvl_01_list, $i); } //- end loop } 其汇编目的是: .m01 .module-title{ background-color: green; } .m02 .mod
@for $i from 1 through 4 { // the loop
.m0#{$i} .module-title{
background-color: nth($m_col_lvl_01_list, $i);
}
//- end loop
}
其汇编目的是:
.m01 .module-title{
background-color: green;
}
.m02 .module-title{
background-color: blue;
}
.m03 .module-title{
background-color: yellow;
}
.m04 .module-title{
background-color: orange;
}
在我目前的任务中,它包含了。m00有没有办法在循环中包含00?我认为在for循环中使用0仍然可以实现您想要的
$list: (green, blue, orange, red, yellow);
//loop from 0 to the length of the list which isn't hardcoded
@for $i from 0 to length($list) {
.m0#{$i} .module-title {
//simply add one to the loop index to get the correct list item
background-color: nth($list, $i + 1);
}
}
这将编译为以下CSS
.m00 .module-title {
background-color: green;
}
.m01 .module-title {
background-color: blue;
}
.m02 .module-title {
background-color: orange;
}
.m03 .module-title {
background-color: red;
}
.m04 .module-title {
background-color: yellow;
}
将$i从1到4的
更改为$i从0到4的?我遗漏了什么吗?从0到4
?Hi@JonUleis是打破0错误的颜色sass中使用的第n个:列表索引0必须是“n”背景色的非零整数:n($m\u col\u lvl\u 01\u List,$I);该死的,我没有注意到。所以我想我必须接受10f X循环。谢谢你的帮助。我在Stack Exchange中找到了一个很好的解释,解释了为什么ntn不从0开始,这是一个非常有趣的解决方案。谢谢@Black_Enigma不客气@LaurenceL。实际上,我在那里留下了一个不需要的debug
语句。刚刚编辑了代码。很乐意帮忙