学习总结

变量

1. $变量名 : 值 ；变量的命名规则基本同选择器命名规则是一致的；

2. 变量名重复
   默认情况下，后写的覆盖先写的。但是可以通过在结尾处添加!default，让之前的变量值有效
   !default规则
   如果之前定义一样的变量名，使用之前的变量值
   如果之前没定义一样的变量名，使用现在值
   取消当前变量名的权值，调用之前设置的变量名

3. 作用域
   同js，只在最近的大括号中有效

   嵌套

   注意属性嵌套scss里加“:”。eg：

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

   导入

   1. 局部scss文件
      文件名称以_开头，就是局部scss文件。局部scss文件不会被转换成css文件。可以在一个全局scss文件中，导入多个局部scss文件，最后生一个css文件。eg：_sass文件名
   2. 全局scss文件
      不以_开头的scss文件，可以导入其他全局文件和局部文件
   3. 导入的语法
      局部
      @import "demo";
      _demo.scss文件需要掐头去尾
      全局
      @import "index1.scss";

混合器

带参数的混合器：@mixin 混合器名称(\(形参,\)形参.....){}；

调用带参数的混合器：@include混合器名称(实参,实参.....)

心得

今天老师讲了sass，听的比较容易懂，具体还要下来自己整合