15

例子：

$link-color: $mycolor !default;

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

我理解正确吗？

在谷歌上搜索这个问题的尝试使我找到了许多关于引导程序和基础框架的博客文章，但我还没有找到一个直接的答案来了解!default具体做什么。我猜是因为谷歌忽略了爆炸（！）所以看起来我在问其他类型的默认值。

谢谢

4

1 回答 1

20

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

引用文档：

变量默认值：!default

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

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

于 2013-10-26T20:06:20.503 回答