less.css跨文件共享变量

less.css跨文件共享变量,less,Less,我正在使用less.css来简化我的css样式。 我想在一个更少的文件中声明一个变量,并在我的多个更少的文件中共享它的用法。这可能吗?例如: 英语。更少 @语言浮动:左 图表。小于 div#footer a.web { 显示:块; float:@languageFloat; 颜色:#中交; 右边距:10px; } 最好的方法是导入包含所有变量的LESS文件。以下是@import关键字的语法: //对于较少的文件包括, @导入“lib.less”; //或 @导入“lib”;//推断.les

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

英语。更少

@语言浮动:左

图表。小于

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并感谢您的帮助。您可能希望通过添加一些解释来更好地回答问题。