手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

Sass(Scss)的导入、注释和混合器

时间:2024-10-13 22:43:55

1、导入sass/scss文件1.可以直接在sass/scss文件中导入 @import ' css/sass.scss' (后缀名可以省略@import ' css/sass')2.嵌套导入: css.scss文件(div{ color : #f00 ; }) sass.scss文件(nav{ @import ' css ' })

Sass(Scss)的导入、注释和混合器

2、sass/scss的注释1. ' // ' : 这种注释不会出现在生成后的css文件中2. ' /* */ ' : 这种会出现在生成后的css文件中

Sass(Scss)的导入、注释和混合器

3、混合器(避免属性和属性值的重复)(混合宏)声明:@mixin调用:@include

Sass(Scss)的导入、注释和混合器

4、混合器:不带任何值的参数先设置变量名,再给变量名设置参数(相当于js中的函数一样function( ))

Sass(Scss)的导入、注释和混合器

5、传一个带值参数(传入一个默认值)在设置变量名同时设置参数

Sass(Scss)的导入、注释和混合器
Sass(Scss)的导入、注释和混合器

6、传多个参数值@mixin size($width,$height){ width:$width; height:$茑霁酌绡height;}.div{// @include size(300px,100px);//按顺序 @include size($width:300px,$height:100px);//不按顺序}(可以不用按顺序)

Sass(Scss)的导入、注释和混合器
© 手抄报圈