在Sass(Syntactically Awesome Stylesheets)中,你可以为变量设置默认值。如果变量在使用之前未被赋值,Sass 将使用默认值。这可以通过使用 !default 标志来实现。

以下是一个简单的例子:
$primary-color: #3498db !default;
$secondary-color: #2ecc71 !default;

body {
  background-color: $primary-color;
  color: $secondary-color;
}

在这个例子中,如果 $primary-color 或 $secondary-color 在这段代码之前已经被定义,它们将保留原有的值。如果它们在这段代码之前没有被定义,那么它们将分别被设置为 #3498db 和 #2ecc71。

这样的设置使得在整个样式表中灵活地改变变量的默认值,同时允许在需要时进行覆盖。


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