less.css跨文件共享variables

我使用less.css来简化我的CSS样式。 我想在一个less的文件中声明一个可变参数，并在我的很less的文件中分享它的用法。 这可能吗？ 例如：

english.less

@languageFloat：left;

chart.less

div#footer a.web { display: block; float: @languageFloat; color: #cccccc; margin-right: 10px; } 

Answer 1

执行此操作的最佳方法是@import您的LESS文件，其中包含所有variables。 以下是@import关键字的语法：

 // For LESS file includes, @import "lib.less"; // or @import "lib"; // infers the .less extension // and for plain CSS includes which are added but not parsed by LESS @import "style.css"; 

如果向用户提供CSS文件（而不是在浏览器中的less.jsparsing），这样做效果特别好，因为@import语句会将LESS和CSS文件组合为一个CSS文件。 也许你可以考虑让一个控制器的LESS文件包含你的variables，然后是你的其他LESS和CSS文件，这样最终的结果就是你为浏览器提供的一个文件。

我想这将是这样简单的事情：

 // Controller.less @import "english.less"; @import "chart.less"; 

Answer 2

// eg BlueTheme.less Less file ———
@import "DefaultBlueParameters.less"; <—只有主题less了变数

@import (less) "DefaultBase.css"; <—有使用DefaultBlueParameters.less vars

它生成BlueTheme.css