如何强制LESS（css）识别变量？

Question

我的网站上有一些图片会随着时间的推移而改变。为了确保CSS在我进行更改时强制更新，我已经为它们附加了一个带有版本字符串的查询变量：

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

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

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

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

我怎样才能让它发挥作用？

Answer 1

试试这个：

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

http://lesscss.org/#-variables处的“字符串插值”部分显示这应该有用。