在 Sass 中，你可以为变量设置默认值，以便在没有明确赋值时使用这些默认值。这样有助于提高代码的灵活性，使得在某些情况下可以使用默认值，而在需要时可以覆盖它们。以下是如何设置默认变量值的基本示例：

1. 设置默认变量值
// _variables.scss
$primary-color: #3498db !default;
$font-stack: 'Helvetica Neue', sans-serif !default;

在这个例子中，!default 表示如果 $primary-color 和 $font-stack 没有被其他地方明确赋值，就使用这里设置的默认值。

2. 导入部分文件
// styles.scss
@import 'variables';

body {
  font: $font-stack;
  color: $primary-color;
}

在 styles.scss 中导入了 _variables.scss 文件，这样它将使用其中设置的默认变量值。

3. 覆盖默认值
// _custom-styles.scss
$primary-color: #e74c3c !default;
$font-stack: 'Arial', sans-serif !default;

在这个例子中，定义了一个新的部分文件 _custom-styles.scss，其中覆盖了默认的 $primary-color 和 $font-stack 的值。

4. 导入新的部分文件
// main.scss
@import 'variables';
@import 'custom-styles';

body {
  font: $font-stack;
  color: $primary-color;
}

在这个例子中，main.scss 导入了 _variables.scss 和 _custom-styles.scss，其中 _custom-styles.scss 中的值覆盖了默认的值。

使用默认变量值可以在项目中提供一些默认样式，并在需要时进行定制。这样可以使得代码更具灵活性，减少了硬编码的使用，提高了可维护性。


转载请注明出处：http://www.zyzy.cn/article/detail/4331/sass