关于scss:SCSS-文件里的感叹号用法-给变量设置默认值

如下图所示：

$useTabsOnPDP: false !default;

https://stackoverflow.com/que…

含意如下：

!default 在 Bootstrap Sass 中常常应用。它相似于反向 !important。所有 Bootstrap 变量都应用 !default 设置，以容许开发人员进一步自定义疏导程序。应用 !default sass 只会定义一个尚未设置的变量。

//Example1 Dress color = red
$auroras-dress-color: blue;
$auroras-dress-color: red;

//Example2 Dress color = red
$auroras-dress-color: blue !default;
$auroras-dress-color: red;

//Example3 Dress color = blue
$auroras-dress-color: blue;
$auroras-dress-color: red !default;

那么为什么这很重要？Bootstrap 是一个包。大多数人不会编辑 Bootstrap 源代码。永远不要更新疏导程序源。要自定义疏导程序，您将增加本人的变量文件并应用疏导程序代码编译它，但永远不要接触本机疏导程序包。Bootstrap sass 的页面在文档中具体介绍了如何自定义和编译它。

据我所知，Twitter Bootstrap 应用 LESS。另一方面，!default 实际上是 Sass 的一部分，用于提供 Sass 变量 ($var) 默认值，这会使它在给定的上下文中有效，即便在 Sass 中也是如此。

此外，我在 LESS 文档中找不到任何对 !default 的援用，据我所知，它是 Sass 独有的。你确定你在 Bootstrap 的源代码中找到了这个，而不是在其余中央？因为诚实说我不记得在 Bootstrap 的样式表中看到过 Sass/SCSS 代码。

您能够在 sass-lang 网站的 doc 局部（变量）中找到以下确切定义和体面的解释 – 默认值：

通常当你给一个变量赋值时，如果该变量曾经有一个值，它的旧值会被笼罩。然而，如果您正在编写 Sass 库，您可能心愿容许您的用户在应用它们生成 CSS 之前配置您的库变量。为了实现这一点，Sass 提供了 !default 标记。仅当该变量未定义或其值为 null 时，才会为该变量赋值。否则，将应用现有值。