less.css跨文件共享变量

前端之家收集整理的这篇文章主要介绍了less.css跨文件共享变量前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用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";

猜你在找的CSS相关文章