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";

有没有解决方案？

Answer 1

我是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";

Answer 2

你目前无法在Less中执行此操作，但看起来该功能可能很快就会推出。

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