我正在使用LESS样式语言。
考虑以下CSS:
.side-bg { background:url(../img/layout/side-bg.jpg) top no-repeat; }
现在,我所有的图像都在文件夹中,../img/我希望能够将变量设置为图像路径并像这样使用它:
../img/
@image-path: ../img; .side-bg { background:url(@image-path/layout/side-bg.jpg) top no-repeat; }
但是,这不起作用。这没什么大不了的,如果映像文件夹发生更改,我总是可以使用 查找和替换 。我刚刚开始学习LESS,并且想知道是否有可能这样做。
尝试将字符串插值用于此类情况。在docs中寻找“变量插值” 。
@base-url: "http://assets.fnord.com"; background-image: url("@{base-url}/images/bg.png");