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

 时间:2026-02-14 07:07:39

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浏览器怎么设置禁止网站使用缓存和数据库?
  • 热门搜索
    小臂肌肉怎么练 老醋花生的汁怎么调 怎么学习 猪心怎么炖 怎么插入分节符 社保滞纳金怎么算 自我反思怎么写 得了颈椎病怎么办 辐射4代码怎么用 幸福用英语怎么说