less.css跨文件共享变量
我正在使用less.css来简化我的css样式。 我想在一个更少的文件中声明一个变量,并在我的多个更少的文件中共享它的用法。这可能吗?例如: 英语。更少 @语言浮动:左 图表。小于less.css跨文件共享变量,less,Less,我正在使用less.css来简化我的css样式。 我想在一个更少的文件中声明一个变量,并在我的多个更少的文件中共享它的用法。这可能吗?例如: 英语。更少 @语言浮动:左 图表。小于 div#footer a.web { 显示:块; float:@languageFloat; 颜色:#中交; 右边距:10px; } 最好的方法是导入包含所有变量的LESS文件。以下是@import关键字的语法: //对于较少的文件包括, @导入“lib.less”; //或 @导入“lib”;//推断.les
div#footer a.web
{
显示:块;
float:@languageFloat;
颜色:#中交;
右边距:10px;
}
最好的方法是导入包含所有变量的LESS文件。以下是@import
关键字的语法:
//对于较少的文件包括,
@导入“lib.less”;
//或
@导入“lib”;//推断.less扩展
//对于普通CSS,包含的内容被添加,但不被较少的人解析
@导入“style.css”;
如果您向用户提供CSS文件(与浏览器中的less.js解析相反),这一点尤其有效,因为@import
语句会将less和CSS文件合成为一个CSS文件。也许你可以考虑使用一个无控制器的文件,其中包括变量,然后是其他的更少和CSS文件,这样最终的结果就是你为浏览器提供的一个文件。
我想应该是这样简单的事情:
//Controller.less
@输入“英语.少”;
@导入“chart.less”;
//例如BlueTheme.lessless文件---------@import“DefaultBlueParameters.less”代码>有趣,虽然我需要共享一个有条件的css文件,但英语可以替换为德语、俄语等。我可以有条件地导入css库吗?有趣的是,我没有从您最初的问题中理解这个问题。LESS还没有条件语句,因此您必须以声明的方式进行思考。制作一个englishContainer.less
文件,导入english.less
和chart.less
,然后制作一个germanContainer.less
文件,导入german.less
和chart.less
等,这可能就是实现的方法。欢迎使用StackOverflow并感谢您的帮助。您可能希望通过添加一些解释来更好地回答问题。