我使用less.css来简化我的CSS样式。
我想声明一个可变的少一个文件,并在我的许多较少的文件中分享它的使用。这可能吗?例如:
我想声明一个可变的少一个文件,并在我的许多较少的文件中分享它的使用。这可能吗?例如:
英语
@languageFloat: left;
图表
div#footer a.web { display: block; float: @languageFloat; color: #cccccc; margin-right: 10px; }
解决方法
最好的方法是@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";