sass生成css，以及监听

（1）变量的定义方式：$ （例：1.普通声明：$basic-color:#fff;

　　　　　　　　　　　　　　  2.以空格分割多个属性：$basic-border:1px solid #000;

　　　　　　　　　　　　　　  3.以逗号分割多个属性值：$plain-font:sans-serif,”Helvetica”;

（2）变量引用：例：$basic-color:#fff;

　　　　　　　　　  nav{

　　　　　　　　　　　　backgroung-color:$basic-color;

　　　　　　　　　　}

（3）变量命名中可以用中划线和下划线分隔，一般使用中划线的方式更为普遍，两种用法互相兼容，可以定义用中划线，引用用下划线。

（4）导入文件

　　1.@import用法：导入外部样式

　　2.默认变量值：反复声明一个变量，只有最后一处声明有效且他会覆盖前边的值。

　　3. !default:如果这个变量被声明赋值了，那就用它声明的值，否则就用这个默认的值。

 

 

 （5）混合器

　　1.混合器用@mixin标识符定义，用@include来使用这个混合器

（6）嵌套规则

　　1.嵌套的选择器有:hover伪类时，&:hover

　　2.属性嵌套的规则：

 

 （7）函数

　　1.for：@for from 1 through 3 （包含了123）

        　　　　　from 1 to 3（包含12）

　　2.for list

 　　　　　　

 

　　3.while

　　　　　　

 

　　4.each

 　　　　　　

 

　　5.

 

 

 

 

 

 　　

 

 

 

　　6.自定义函数　　

　　　　　　

 

 

 （8）debug

　　　　　　

 

版权声明：本文为yyy123-原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/yyy123-/p/13212915.html