安装
快速入门
使用变量
嵌套CSS 规则
导入SASS文件
静默注释
混合器
使用选择器继承来精简CSS
小结
中文文档
特色功能
语法格式
使用 Sass
CSS 功能拓展
注释 /* */ 与 //
SassScript
@-Rules 与指令
控制指令
混合指令
函数指令
输出格式
拓展 Sass
函数指令 - Sass基础文档 - 笔下光年
网站首页
函数指令
Sass 支持自定义函数，并能在任何属性值或 Sass script 中使用： ```sass $grid-width: 40px; $gutter-width: 10px; @function grid-width($n) { @return $n * $grid-width + ($n - 1) * $gutter-width; } #sidebar { width: grid-width(5); } ``` 编译为 ```sass #sidebar { width: 240px; } ``` 与 mixin 相同，也可以传递若干个全局变量给函数作为参数。一个函数可以含有多条语句，需要调用 `@return` 输出结果。 自定义的函数也可以使用关键词参数，上面的例子还可以这样写： ```sass #sidebar { width: grid-width($n: 5); } ``` 建议在自定义函数前添加前缀避免命名冲突，其他人阅读代码时也会知道这不是 Sass 或者 CSS 的自带功能。 自定义函数与 mixin 相同，都支持 variable arguments
上一篇：
混合指令
下一篇：
输出格式
