在Less中连接字符串

Question

我认为这是不可能的，但我想我要是有办法的话。我的想法是，我有一个用于Web资源文件夹路径的变量：

@root: "../img/";
@file: "test.css";
@url: @root@file;

.px {
    background-image: url(@url);
}

我得到这个结果：

.px { background-image: url("../img/" "test.css"); }

但是，我希望将字符串合并为一个字符串，如下所示：

.px { background-image: url("../img/test.css"); }

是否可以在Less中将字符串连接在一起？

Answer 1

使用变量插值

@url: "@{root}@{file}";

完整代码：

@root: "../img/";
@file: "test.css";

@url: "@{root}@{file}";

.px{ background-image: url(@url); }