Less (css) - 我可以重新声明在其他颜色定义中引用的颜色变量吗？答案

【问题标题】：Less (css) - Can I re-declare a color variable that is referenced in other color definitions?Less (css) - 我可以重新声明在其他颜色定义中引用的颜色变量吗？
【发布时间】：2014-11-28 08:02:01
【问题描述】：

假设我有以下颜色定义

@gray-base:              #000;
@gray-darker:            lighten(@gray-base, 13.5%); // #222
@gray-dark:              lighten(@gray-base, 20%);   // #333
@gray:                   lighten(@gray-base, 33.5%); // #555
@gray-light:             lighten(@gray-base, 46.7%); // #777
@gray-lighter:           lighten(@gray-base, 93.5%); // #eee

如果在上述代码之后，我重新声明@gray-base，所有其他基于@gray-base 的@gray 定义是否会改变，还是我必须全部重新声明？

我所追求的特定用例是，我希望能够从外部 variable.less 文件中覆盖引导变量，以保持引导存储库不受影响，使其更易于更新。

【问题讨论】：

是的，你可以。见Lazy Loading。
是的，您可以更改基本变量，但所有子变量都会受到影响。例如：如果您将 #000 更改为其他内容，则 gray-darker 将不再是 #222，但相对于新的 gray-base 轻 13.5%

标签： css twitter-bootstrap less

【解决方案1】：

我假设您在文件的开头有您的代码，然后在某处更改您的@gray-base 颜色。所有其他颜色都会改变吗？

是的。

Have a look
不知道具体是怎么做的，但是如果你把后面的@gray-base评论出来，你会看到颜色在变。

【讨论】：