语法

scss使用$定义变量

当变量出现在选择器或属性里时要使用#{}包围变量

scss可以直接在花括号中嵌套花括号，避免选择器过于冗长，并且更好了展现css的结构

mixin 定义和使用，example：

1
2
3

@mixin transition($prop,$time) {
    transition:$prop $time;
}

@extend 继承某个选择器的样式

定义函数和返回时要加@ 使用时直接调用

@for $i from 1 through 100 循环

@import ‘路径’ 导入文件

sass /默认是分隔符如果要除法运算要加小括号 (20px / 1.5)

嵌套:
属性嵌套要加冒号

    font: {
  size: 16px;
  weight: bolder;
}

嵌套伪类 &:hover 如果不加&则会多一个空格

条件:
@if @else

导入

以_开头的scss文件是即将被导入的文件，不会被编译

例如有文件_common.scss ，其导入方式为：

1	@import "common"

此处不带下划线和拓展名