Less 是否可以跨更少的文件重用变量?

Less 是否可以跨更少的文件重用变量?,less,Less,如果有一个.less文件导入另外两个使用并定义相同变量名的.less文件,则最后导入的文件中的最后一个定义是所有其他文件中使用的值。例如: @import (less) ex1.less @import (less) ex2.less ex1.less: @var: classname; .@{var} {/*css*/} ex2.less: @var: classname2; .@{var} {/*css*/} 生成: .classname2 {/*css*/} .classname

如果有一个.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*/}

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

很像CSS Less cascades,它的值,因此最后的
var
声明获胜

您只导入其中一个文件

更改第二个
var
的名称


或者让你的一个小文件更简洁,在需要的地方使用
var

看看这个问题,它可能有用:只需将
&{}
放在你想要与任何外部事物隔离的文件内容周围。(有关此上下文中的名称空间和相关内容,请参见示例)。