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)的导入、注释和混合器
  • iframe 获取父页面方法
  • GPT分区efi安装Windows10+ubuntu双系统的方法
  • sql2005属性IsLocked不可用于登录sa解决方法
  • vmware workstation虚拟机上传esxi服务器
  • IE11浏览器怎么设置禁止网站使用缓存和数据库?
  • 热门搜索
    推广普通话手抄报内容 遨游汉字王国的手抄报 动物手抄报 感恩老师手抄报句子 手抄报花边简单手绘 金色童年手抄报 足球手抄报图片 护士节手抄报 儒家文化手抄报 51手抄报