所以今晚我发现 bootstrap 中的 custom.scss 文件有点奇怪，我想知道我是否遗漏了一些东西。假设我将颜色 $blue 设置为自定义值(在本例中为 #000 只是为了使其易于阅读)，并按照我的预期删除 _custom.scss 中的 !default 标志。在 _variables.scss 文件中，颜色 $brand-primary 设置为 $blue，并带有 !default 标志。然后，将 $btn-primary-bg 设置为 $brand-primary，并带有 !default 标志。所以，我的想法是如果我设置:
$blue: #000000;
在 custom.scss 文件中，它应该使用 $blue 向下级联到任何变量，从而:
$brand-primary: $blue; set to #000 and then
$btn-primary-bg: $brand-primary; also set to #000000
事实证明，我必须在自定义 sass 文件中列出所有 3 个实例，并删除它们的 !default 标志，然后它们才会更改为自定义颜色。
所以我的自定义工作表不是只有一行
$blue: #000000;
必须是
$blue: #000000 ;
$brand-primary: $blue;
$btn-primary-bg: $brand-primary;
在将自定义颜色应用于这些类之前。
我在这里遗漏了什么吗？难道我们不应该只需要设置一次自定义颜色，然后引用它的任何变量也会引用该自定义颜色吗？目前对我来说似乎效率很低。
最佳答案
[在此处输入链接描述][1]变量已定义没有问题。您可能需要更改在 HTML 中使用它们的方式。看一下下面的示例，它是根据您定义的变量提供的。我建议删除“$blue”变量并直接为“$brand-primary”变量定义颜色!
[1]: https://jsfiddle.net/negin/t36ep4e8/
关于css - Bootstrap 4自定义变量不会向下级联？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42709490/