我如何强迫（CSS）识别变量？

Question

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

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

我希望能够少做到这一点，因此我不必更改所有图像参考：

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

多么少。应用无法识别变量 @mediaVersion 在那条字符串中，并将其作为书面。我尝试包装 {@mediaVersion} 并且 (@mediaVersion) 但是这些在编译时会导致错误。我尝试添加一个半结肠。

我该如何工作？

Answer 1

尝试这个：

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

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