weixin_42017221的博客

SCSS允许我们自定义函数，语法如下：函数通过@function声明函数形参可以不传，可以传一个或多个，或者可变参数。函数必须通过@return返回，且必须要有返回值。我们可以将一些复杂逻辑定义为函数，来避免复杂逻辑的重复书写，而代替以函数调用。

mixin混入可以用于定义重复使用的样式，比如下面CSS代码我们可以发现，.header和.footer存在相同重复的样式定义，此时SCSS可以将这段重复样式提取到混入@mixin中，再在.header和.footer中通过@inclue引入混入样式。

两种方式都会从起始数值开始遍历，将遍历到的数值赋值给$i，区别在于，from...to不会遍历到结束数值，而只会遍历到结束数值前一个数，而from...through可以遍历到结束数值。从上面例子中，我们可以发现，from 1 to 3 实际只遍历了1，2；而from 1 through 3 遍历了 1，2，3。@while是另一种实现循环的方式，@while需要通过一个变量来控制循环次数，如下例中$count。@each用于遍历数组。

html {

/之前的用法.cla {//新支持的用法（后面最好不要跟【标签】或【属性】名）.cla {&1 {&2 {编译后.cla1 {.cla2 {

SassScript 支持数字的加减乘除、取整等运算 (+, -, *, /, %)，如果必要会在不同单位间转换值。