2012-02-15 10 views
2

私のサイトには、時間の経過と共に変化するいくつかの画像があります。私は変更を加えたときに、私は彼らにバージョン文字列でクエリ変数を追加しているCSSの強制的に更新を確認するには:私が持っていないので、LESS(css)に変数を認識させるにはどうすればよいですか?

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

私はLESSでこれを行うことができるようにしたいのですが画像参照のすべてを変更するには:

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

しかしLess.appは、その文字列内の変数@mediaVersionを認識できないと書かれたとして、それは残します。私はでラップしてみましたが、(@mediaVersion)でもコンパイル時にエラーが発生します。私はそれの後にセミコロンを追加しようとしました。

これを動作させるにはどうすればよいですか?

+0

質問:ブラウザがCSSファイルをキャッシュするとどうしますか? –

+0

'link rel =" stylesheet "src =" style.css?v2 "' – cwd

答えて

4

これを試してみてください:

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

http://lesscss.org/#-variablesでは、 "文字列の補間は、" これは動作する必要があることを示しています。

+0

完璧!他の人のためのものではありません:あなたが提案したように 'url()'の内部内容を二重引用符で囲むように '{}'を使用しなければなりませんでした。 – cwd

+0

どのように変数の計算を使用してこれを行うことができますか?例えば。 @モバイル:〜 "(最大幅:@ {メイン} - 1)";私はどこで働く必要がありますか? –

関連する問題