css之Sass

sass跟less一样都是动态的样式表语言，但sass的功能更强大一些。不管使用哪一种，他们都是使编写 CSS 的工作变得非常简单。

基本功能就不介绍了，它与less相似，列举一些区别就好。

 

1.导入样式

• 关键字 @import

 

1. 直接css文件 @import "index.css"; 
2. 直接sass文件 @import "index"; 可以省略后缀名，但注意的是sass合并sass文件 

2.方法：

1. 声明变量的时候，变量必须在前面；有利于后期的修改和维护；
2. ！default；默认时使用这个值，而想修改的时候就在前面修改；
3. #{需要的值}，转译；
4. 多值变量，使用时取下标，下标从1开始；
5. map $map
6. each循环
7. & 父元素
8. @at-root跳出父元素
9. @mixin定义 @include使用
10. @extend 继承 父元素　
11. 判断@if

 

 

3.sass less 变量的差别：

• less局部不会影响全局变量，而sass的局部变量则会影响全局变量。