2012-02-15 115 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