学习总结：

scss文件转换成css文件

​ node-sass scss文件路径 css文件路径（单次转换）

​ node-sass -w scss文件路径 css文件路径（单文件转换）

​ node-sass scss文件夹 -o css文件夹（多文件转换）

​ node-sass -w scss文件夹 -o css文件夹（多文件转换）

变量

​ $变量名 : 值

    !default如果之前定义一样的变量名，使用之前的变量值如果之前没定义一样的变量名，使用现在值

嵌套

    div{
  border:{style:solid;color:#fff;width:1px;};}

混合器

​ @include引用

​ @mixin定义

继承

@extend #d1;

自定义函数

@function 函数名($n) {
@return 运算表达式;
}

指令

            $s:100;

p::after{
@if(\(s>=95){
content:"牛逼";
}@else if(\)s>=90){
content:"学霸";
}@else if($s>=60){
content:"差不多";
}@else{
content:"5天不给吃饭";
}
}

心得：

​ scss的样式可以通过node编译成css本质上就是css但是定义了一些逻辑运算和函数，为JS打下基础