css - 如何强制LESS(css)识别变量？

我的网站上有几张图片，这些图片会随着时间而变化。为确保CSS会在我进行更改时强制更新，我向其附加了带有版本字符串的查询变量：

#branding{ background: url(../img/branding.jpg?v2); }

我希望能够使用LESS做到这一点，所以我不必更改所有图像引用：

@mediaVersion: 101;
#branding{ background: url(../img/branding.jpg?v@mediaVersion); }

但是，Less.app无法识别该字符串中的变量@mediaVersion并将其保留为写入状态。我尝试将其包装在{@mediaVersion}和(@mediaVersion)中，但是在编译时会导致错误。我尝试在其后添加一个半冒号。

我该如何工作？

最佳答案

尝试这个：

@mediaVersion: 101;
#branding{ background: url("../img/branding.jpg?v@{mediaVersion}"); }

http://lesscss.org/#-variables处的“字符串插值”部分表明这应该起作用。

关于css - 如何强制LESS(css)识别变量？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/9302782/