Sass -- 条件语句、循环语句、自定义函数

条件语句

在Sass中可以使用@if、@if-else 、@if-else 来进行条件判断，用法和JS相同。

循环语句

在Sass中可以使用@for、@while 、@each 来进行循环操作。

@for

@for的用法不同于JS，Sass中的for有两种格式：

• @for $i from n through m 表示变量i 的范围是[n, m];
• @for $i from n to m 表示变量i 的范围是[n, m);

@while

@while的用法于JS相同；

@each

@each 用法是 $i in list, list 是一连串的值，也就是值列表。