是否可以跨 LESS 文件重用变量？

Question

如果我有一个 .less 文件导入了另外两个 .less 文件，这两个文件都使用并定义了相同的变量名，那么最后导入的文件中的最后一个定义就是所有其他文件中使用的值。例如：

@import (less) ex1.less
@import (less) ex2.less

ex1.less:

@var: classname;

.@{var} {/*css*/}

ex2.less:

@var: classname2;

.@{var} {/*css*/}

生成：

.classname2 {/*css*/}
.classname2 {/*css*/}

我不确定如何在这里使用名称空间，因此非常感谢您的帮助。

Answer 1

很像 CSS 它的值级联较少，因此最后的 var 声明获胜。

您只导入其中一个文件。

更改第二个 var 的名称。

或者让你的 less 文件之一更简洁，并在需要的地方使用 var。