首页 > 代码库 > sass中的三种循环

sass中的三种循环

一、for循环

在sass中的@for循环有两种方式:

①@for $i from <start> through <end>

②@for $i from <start> to <end>

其中$i表示变量,start表示开始值,end表示结束值;

through表示包括end这个数值;to表示不包括end这个数值;

二、while循环

只要@while后面的条件为true就会执行,直到表达式值为false时停止循环;

三、each  in循环

就是去遍历一个列表,然后从列表中取出对用值;他的指令形式为:@each $var in <list>($var为变量值,list为sassscript表达式)

 

sass中的三种循环