scss声明全局变量

这篇文章距离上次修改已过441天，其中的内容可能已经有所变动。

在SCSS中，要声明全局变量，你需要在文件的最外层作用域中进行。这样，该变量就可以在同一个SCSS项目的任何地方被引用。




// 声明全局变量
$global-color: blue;
 
// 使用全局变量
body {
  color: $global-color;
}
 
// 另一个文件中使用同一个全局变量
h1 {
  color: $global-color;
}

在上面的例子中，$global-color 被声明为一个全局变量，然后在 body 选择器和 h1 选择器中使用。这个变量的值为 blue。在同一个项目的任何地方，只要是需要用到这个颜色值的地方，都可以使用 $global-color 变量来代替。