SCSS的用法有哪些？分别举例

SCSS的用法主要有：

1： 变量：在SCSS中，我们可以通过 $ 符号来定义变量。比如，我们可以定义一个颜色变量 $color: red;，然后在我们需要使用这个颜色的时候，直接使用 $color 就可以了。

2： 嵌套：SCSS支持嵌套，可以减少重复代码。

3： 混合宏：混合宏可以帮助我们定义可重用的代码块，并可以在需要的地方进行调用。混合宏可以带参数，也可以不带参数。

4： 扩展/继承：SCSS支持使用 @extend 关键字实现代码复用。

5： 占位符：使用 % placeholder 可以定义一个占位符，并在需要的地方进行调用。

6： 注释：SCSS中的注释有三种，其中 /* / 注释在CSS中显示， // 注释在CSS中不显示， / important comment! */ 这种注释在压缩时不会被删除。

7： 导入：在SCSS中，我们可以通过 @import 命令来导入外部的css，less，scss文件。例如：@import “…/assets/scss/home.scss”;

8： 默认变量：SCSS允许我们区分默认变量和全局变量。默认变量只需要在变量值后加上 !default ，用来设置默认值 ，对默认变量进行重新声明可以实现覆盖默认值。例如：$color: yellow !default; 和 $color: purple;。