示例:
$link-color: $mycolor !default;
我有一个理论,但我想在这里验证它。我知道 initial 用于将属性设置回浏览器默认值。 使用 !default 将覆盖浏览器的本机默认值,并将 $link-color 替换为上面示例中的 $mycolor 值。
我理解正确吗?
谷歌搜索这个问题的尝试让我看到了很多关于引导和基础框架的博客文章,但我还没有找到一个直接的答案来说明 !default 的具体作用。我猜是因为谷歌忽略了爆炸(!),所以看起来我在问其他类型的默认值。
谢谢
!default
是Sass变量处理的一部分。到达浏览器的生成的 CSS 永远不会包含"!default"。
引用文档:
变量默认值:
!default
如果尚未赋值变量,则可以通过添加 值末尾的
!default
标志。这意味着如果 变量已被赋值,它不会被重新赋值,但如果 它还没有值,它会被赋予一个。
$link-color
只是一个变量。在框架上下文中,!default
用于不覆盖你或其他包含的模块所做的自定义,同时为变量提供默认值(如果尚未为其赋值)。