小编典典

在Less中连接字符串

css

我认为这是不可能的,但我想我要是有办法的话。我的想法是,我有一个用于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中将字符串连接在一起?


阅读 587

收藏
2020-05-16

共1个答案

小编典典

使用变量插值

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

完整代码:

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

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

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