mac 安装
sudo gem install sass
使用
sass test.scss test.css
四种默认风格
- nested:嵌套缩进,它是默认值。
- expanded: 无缩进无扩展
- compact: 简洁风格
- compressed: 压缩后的,一般使用这项
变量
以$开头
若变量镶嵌在字符串中需要写在#{}中
嵌套
注意属性嵌套,属性后面加:
使用&引用父元素
注释
- /* */
- //
- /*! */重要注释任何模式都会保留
继承
@extend+空格+要继承的选择器
Mixin
@Mixin 定义可重复使用的代码块
@include 引用该代码块
颜色
内置了颜色函数
lighten(#cc3,10%)
插入文件
@import
条件语句
@if
@else
循环语句
@for
@while
@each
自定义函数
@function
@return