Css 当使用@import(reference)不起作用时,变量重写为LESS。为什么?

Css 当使用@import(reference)不起作用时,变量重写为LESS。为什么?,css,less,Css,Less,我想在更少的时间内完成变量重写,但我需要通过引用导入资源,但它不起作用 文件1.less: 文件2.less: 输出: 我在网上找不到任何关于这方面的信息 这是1.7.5版的错误吗?这是我脑子里的漏洞吗?或者它只是不受支持?如果我没有错,则存在范围问题,导入发生在.bar中,因此导入文件中的颜色优先于全局范围中.bar外部定义的颜色。你试过在进口后申报颜色吗?谢谢你-白痴我。举个例子。但这对我的真实代码没有帮助,因为我有很多嵌套的@import reference one.less有一个到另一个

我想在更少的时间内完成变量重写,但我需要通过引用导入资源,但它不起作用

文件1.less:

文件2.less:

输出:

我在网上找不到任何关于这方面的信息


这是1.7.5版的错误吗?这是我脑子里的漏洞吗?或者它只是不受支持?

如果我没有错,则存在范围问题,导入发生在.bar中,因此导入文件中的颜色优先于全局范围中.bar外部定义的颜色。你试过在进口后申报颜色吗?谢谢你-白痴我。举个例子。但这对我的真实代码没有帮助,因为我有很多嵌套的@import reference one.less有一个到另一个文件的导入,该文件有另一个到另一个文件的导入等。我确实想在无根文件中设置所有文件的所有变量。我找到的唯一解决方案是重新导入并覆盖它。我不知道您的确切用例,但是,您不能仅为变量创建单独的文件并将其导入全局范围吗?
@color: #ffffff;
.foo { color: @color; }
// file two.less
.bar {
  @import (reference) 'one.less';
}
@color: #000000;
.bar .foo {
  color: #ffffff // <-- expected: "color: #000000"
}