在 Sass 中，一旦你声明了变量，你可以在样式表的其他地方引用这些变量。这样做使得代码更加灵活，方便在需要时进行全局样式的更改。以下是如何在 Sass 中引用变量的基本语法：
$variable-name: value;

selector {
  property: $variable-name;
}

让我们通过一个例子来演示变量的引用：
// 示例：变量引用
$primary-color: #3498db;
$font-stack: 'Helvetica Neue', sans-serif;
$base-padding: 10px;

body {
  font: $font-stack;
  padding: $base-padding;
}

header {
  background-color: $primary-color;
}

在这个例子中，我们使用了 $font-stack 变量和 $base-padding 变量，它们分别引用了 'Helvetica Neue', sans-serif 和 10px 这两个变量的值。

变量引用的好处在于，如果你需要全局更改字体或边距，只需更新变量的值即可，而不必在样式表中逐个查找和替换。

请注意，在 Sass 中，变量的作用域是块级作用域。如果变量在选择器的嵌套中声明，那么它只在该嵌套中可见。如果在选择器外声明，它就在整个样式表中可见。


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