跨文件共享变量的less.css
跨文件共享变量的less.css
提问于 2011-10-13 23:59:23
我正在使用less.css来简化我的样式。我想在一个less文件中声明一个变量，并在我的多个less文件中共享它的用法。这个是可能的吗？例如：
english.less
@languageFloat:左；
chart.less
div#footer a.web
{
display: block;
float: @languageFloat;
color: #cccccc;
margin-right: 10px;
}回答 2
Stack Overflow用户
回答已采纳
发布于 2011-10-14 01:51:48
要做到这一点，最好的方法是将所有变量都放入@import文件中。以下是@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文件。也许您可以考虑使用一个控制器较少的文件，该文件包含您的变量，然后使用另一个较少的CSS文件，这样最终结果就是一个单独的文件，您可以将其提供给浏览器。
我想它应该是这样简单的东西：
// Controller.less
@import "english.less";
@import "chart.less";Stack Overflow用户
发布于 2017-09-22 19:27:32
//例如，无BlueTheme.less文件
@import "DefaultBlueParameters.less"; <-只有主题较少的变量
@import (less) "DefaultBase.css"; <-有use DefaultBlueParameters.less vars
它会生成BlueTheme.css
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7756969
复制相关文章
相似问题
腾讯云开发者
