Css 跨文件共享变量

我正在使用 less. css 来简化我的 css 样式。 我想在一个较少的文件中声明一个变量，并在我的许多较少的文件中共享它的用法。这可能吗？例如:

英语，少点

@ language ageFloat: left;

图表，更少

div#footer a.web
{
display: block;
float: @languageFloat;
color: #cccccc;
margin-right: 10px;
}
44511 次浏览
小开
最佳答案

做到这一点的最佳方法是 @import您的 LESS 文件与所有的变量在其中。下面是 @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. js 解析相反) ，这种方法尤其有效，因为 @import语句将把 LESS 和 CSS 文件合并为一个单独的 CSS 文件。也许你可以考虑有一个控制器 LESS 文件，包括您的变量，然后您的其他 LESS 和 CSS 文件，使最终结果是一个单一的文件，您提供给浏览器。

我想应该是这么简单:

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

提交答案