我使用
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; }
但这不工作。它不是一个巨大的交易,我可以总是使用find和replace如果图像文件夹改变了。我只是开始学习LESS,并想知道这样的东西是否可能。
解决方法
尝试使用字符串插值这样的东西。在
docs中查找“可变插值”。
@base-url: "http://assets.fnord.com"; background-image: url("@{base-url}/images/bg.png");