sass的理解与用法

106 阅读1分钟

1 嵌套时跟less语法一样

2 &表示父类选择器

3 公共的部分可提取(属性嵌套,注意加空格)

image.png

4 sass的注释

分为单行注释和多行注释,多行注释会被编译,单行注释不会

image.png

5 sass定义变量规则

(1)$开头

(2)变量名不以数字开头但是可以包含字母数字和下划线

(3)和css写法一样

(4)变量一定是先定义再使用

image.png

6 变量的作用域

分为全局变量和局部变量,可以通过再局部变量的后面加!global来修改为全局变量

image.png

7可以写判断语句

image.png

8混入的使用

1正常

image.png

2嵌入

image.png

3 传参(可以指定可以不指定)

image.png