scss scss for loop

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了scss scss for loop相关的知识,希望对你有一定的参考价值。

@for $i from 1 through 30 {
	.test-#{$i} {background-color: rgb( $i*5 , 150, 50 );}
}
@for $i from 31 through 60 {
	.test-#{$i} {background-color: rgb( 150 , 50, $i*2 );}
}

以上是关于scss scss for loop的主要内容,如果未能解决你的问题,请参考以下文章

css SCSS FOR LOOP

scss Sass循环:for,while,每个/ Sass反向循环:http://blog.ricardofilipe.com/post/reverse-loops-with-sass

scss 对比检查,loop.scss

scss loop.scss

scss Sass / Scss Loop

scss color_loops.scss