2012-02-15 54 views
2

我的网站上有几张图片会随着时间而改变。可以肯定的CSS力更新,当我做出改变,我已经附加了一个版本字符串给他们一个查询变量:如何强制LESS(css)识别变量?

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

我希望能够用更少做到这一点,所以我没有改变所有的图像引用:

@mediaVersion: 101; 
#branding{ background: url(../img/[email protected]); } 

然而Less.app无法识别该字符串变量@mediaVersion并让它为写。我试图在和(@mediaVersion)包装它,但编译时会导致错误。之后我尝试添加一个分号。

我该如何得到这个工作?

+0

问题:如果浏览器缓存CSS文件,你会怎么做? – 2012-02-15 22:57:23

+0

'link rel =“stylesheet”src =“style.css?v2”' – cwd 2012-02-16 14:02:14

回答

4

试试这个:

@mediaVersion: 101; 
#branding{ background: url("../img/[email protected]{mediaVersion}"); } 

一节 “字符串插” 在http://lesscss.org/#-variables显示,这应该工作。

+0

perfect!不适用于其他人:我必须同时使用'{}'以及用双引号将'url()'的内部内容包装起来,就像你所说的那样。 – cwd 2012-02-16 14:01:28

+0

你怎么能用变量数学来做这件事?例如。 @mobile:〜“(max-width:@ {main} - 1)”;我需要-1来工作? – 2014-03-17 16:02:44