什么是bootstrap和基础scss框架中的!default关键字？

Question

例:

$link-color: $mycolor !default;

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

我理解正确吗？

谷歌搜索这个问题的尝试引发了我关于引导程序和基础框架的许多博客文章,但我还没有找到一个直截了当的答案!默认具体.我猜是因为谷歌忽略了爆炸(!)所以看起来我正在询问其他一些默认值.

谢谢

Answer 1

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

引用文档:

变量默认值: !default

如果尚未通过将!default标志添加到值的末尾来分配变量,则可以将其分配给变量.这意味着如果已经为变量赋值,则不会重新赋值,但如果它还没有值,则会给出一个.

$link-color仅仅是一个变量.在框架上下文中,!default用于不覆盖由您或其他包含的模块进行的自定义,同时为变量提供默认值(如果尚未给出值).