引导和基础 scss 框架中的 !default 关键字是什么?



示例:

$link-color: $mycolor !default;

我有一个理论,但我想在这里验证它。我知道 initial 用于将属性设置回浏览器默认值。 使用 !default 将覆盖浏览器的本机默认值,并将 $link-color 替换为上面示例中的 $mycolor 值。

我理解正确吗?

谷歌搜索

这个问题的尝试让我看到了很多关于引导和基础框架的博客文章,但我还没有找到一个直接的答案来说明 !default 的具体作用。我猜是因为谷歌忽略了爆炸(!),所以看起来我在问其他类型的默认值。

谢谢

!default

Sass变量处理的一部分。到达浏览器的生成的 CSS 永远不会包含"!default"。

引用文档:

变量默认值:!default

如果尚未赋值变量,则可以通过添加 值末尾的!default标志。这意味着如果 变量已被赋值,它不会被重新赋值,但如果 它还没有值,它会被赋予一个。


$link-color只是一个变量。在框架上下文中,!default用于不覆盖你或其他包含的模块所做的自定义,同时为变量提供默认值(如果尚未为其赋值)。

最新更新