是否可以使用变量用LESSCSS编写完整的css行？

Question

有没有办法可以使用LESS变量编写完整的CSS行？

例如，如果我声明一个变量：

@dir: test;

然后希望该变量在另一个变量中使用：

@bg-img: url(http://example.com/@dir/img/bg.png;

当我尝试在我的CSS中使用@bg-img时，它会像这样编译：

body{background-image:url(http://example.com/@dir/img/bg.png);

如何让@dir以test回显？

我知道我可以替换@dir，但由于我有各种不同的微型网站，因此更改@dir的一个实例会更快，而不是通过并更改微型网站的每个实例名。

Answer 1

这可以通过插值实现，但不确定这是否适合您的特定情况而不会看到更多代码。但是，试一试：

body{background-image:url(http://example.com/@{dir}/img/bg.png);

在the docs中，在字符串插值下的页面下找到它。希望这会有所帮助。

编辑：并且在评论中提到@Rob W时逃脱。同样在文档中，仅在插值之下。