sass for循环
示例
该@for指令允许您循环一些代码进行一定数量的迭代，并具有两种形式：
@for <var> from <start> through <end> {}
@for <var> from <start> to <end> {}
两种形式的区别是通过和到; 的通过关键字将包括<end>在环路中，其中，以不会; 使用直通等效于使用>=或使用<=其他语言，例如C ++，JavaScript或PHP。
笔记
双方<start>并<end>必须是整数或函数返回整数。
当<start>大于时<end>，计数器将递减而不是递增。
SCSS示例
@for $i from 1 through 3 { .foo-#{$i} { width: 10px * $i; }
}
// CSS输出
.foo-1 { width: 10px; }
.foo-2 { width: 20px; }
.foo-3 { width: 30px; }
以上是 sass for循环 的全部内容， 来源链接： utcz.com/z/321358.html
