css - 在 CSS @import 指令中包含 LESS 变量

Question

我想在我的 @import 语句的字符串内容中包含一个 LESS 变量。. .

@my-font-name: Georgia;
@import "http://fonts.googleapis.com/css?family=Open+Sans:400,300,600|@{my-font-name}:400,300,700";

但是，在处理后的 CSS 中，没有任何转换，只是看起来一样：

@import "http://fonts.googleapis.com/css?family=Open+Sans:400,300,600|@{my-font-name}:400,300,700";

我希望它像这样处理：

@import "http://fonts.googleapis.com/css?family=Open+Sans:400,300,600|Georgia:400,300,700";

有什么解决办法吗？

score 8 · Accepted Answer

我是 less.js 的核心团队，@import语句中的变量是在 . Less.js v1.4.0-b1

这应该可以让您完成您想要做的事情：

@my-font-name: Georgia;
@import "http://fonts.googleapis.com/css?family=Open+Sans:400,300,600|@{my-font-name}:400,300,700";

score 1 · Accepted Answer

您目前无法在 Less 中执行此操作，但看起来该功能可能即将推出。

更准确地说，它在 less.js 1.4 alpha 中。

2 回答 2