Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/loops/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Loops 包含0的循环的SASS_Loops_Sass - Fatal编程技术网

Loops 包含0的循环的SASS

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

我在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 .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
语句。刚刚编辑了代码。很乐意帮忙