在 Sass 中，变量的引用是通过在变量名前面加上 $ 符号来实现的。引用变量意味着在样式中使用变量的值。下面是一个简单的例子：
// 变量声明
$primary-color: #3498db;
$font-size: 16px;

// 样式使用变量
body {
  color: $primary-color;
  font-size: $font-size;
}

h1 {
  color: darken($primary-color, 10%);
}

在这个例子中，$primary-color 和 $font-size 是变量，而在 body 和 h1 的样式中，这些变量被引用来设置颜色和字体大小。

引用变量时，它的值会被插入到样式表中，因此在输出的 CSS 中，实际上会看到颜色值和字体大小值，而不是变量名。

使用变量引用有助于减少代码中的重复，提高维护性，而且如果需要更改颜色或字体大小等值，只需要在变量的声明处修改即可，无需逐个替换每个样式的值。


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