css 属性值中的 !default 是什么意思？

Question

twitter 引导代码有很多 CSS 属性，末尾有 !default 。

例如

p {
  color: white !default;
}

!default 做什么？

更新

我的不好是不清楚。我正在使用 Bootstrap 的 SASS 部分。

原文由 Coffee Bite 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

据我所知，Twitter Bootstrap 使用 LESS。另一方面， !default 实际上是 Sass 的一部分， 用于为 Sass 变量（ $var ）提供默认值，这将使其在给定的上下文中无效， 即使在 Sass 中也是如此.

此外，我无法在 LESS 文档 中找到对 !default 的任何引用，据我所知，它是 Sass 独有的。你确定你在 Bootstrap 的源代码中找到了这个，而不是在其他地方吗？因为我真的不记得在 Bootstrap 的样式表中看到过 Sass/SCSS 代码。

对于它的价值，CSS 中唯一以 ! 开头的有效标记是 !important ， 您可能已经知道了。

原文由 BoltClock 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

!default 在 Bootstrap Sass 中经常使用。它类似于反向 !important。所有引导程序变量都使用 !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 的页面在文档中详细介绍了如何自定义和编译它。

我不知道为什么少不这样做。我没有用 less 做太多工作，也不知道它是否有自己的内置变量管理。

小提琴示例 https://jsfiddle.net/siggysid/344dnnwz/

原文由 Sarah M Giles 发布，翻译遵循 CC BY-SA 3.0 许可协议