小编典典

有没有办法为LESS文件设置公共图像路径?

css

我正在使用LESS样式语言。

考虑以下CSS:

.side-bg
{
    background:url(../img/layout/side-bg.jpg) top no-repeat;    
}

现在,我所有的图像都在文件夹中,../img/我希望能够将变量设置为图像路径并像这样使用它:

@image-path: ../img;

.side-bg
{
    background:url(@image-path/layout/side-bg.jpg) top no-repeat;   
}

但是,这不起作用。这没什么大不了的,如果映像文件夹发生更改,我总是可以使用 查找和替换 。我刚刚开始学习LESS,并且想知道是否有可能这样做。


阅读 280

收藏
2020-05-16

共1个答案

小编典典

尝试将字符串插值用于此类情况。在docs中寻找“变量插值” 。

@base-url: "http://assets.fnord.com";
background-image: url("@{base-url}/images/bg.png");
2020-05-16