2012-10-24 70 views
10

私たちの運用環境で、WebページやCSSファイルのアップグレードをしようとしています。私は新しいHTMLが古いCSSと一緒に使用されている場合、そうでなければデザインを混乱させるので、WebブラウザでCSSキャッシュを防止したいと思います。親cssファイルでクエリ文字列を使用すると、@importのcssファイルがキャッシュされる

  • (タグとページのheadセクションで参照)メインのCSSファイル
  • メインのCSSファイル内で参照CSSファイルのA(使用した:私は合計3 CSS-ファイルに変更を加えました@import "CSS-fileA.css" 構文)@import "CSS-fileB.css" 構文を使用して、メインのCSSファイル内で参照
  • CSSファイルのB()

私は、ブラウザのキャッシュを防ぐために、メインのCSSファイルにクエリ文字列を追加しました: ... link href = "main.css?rev = 20121024" ...

main.cssでクエリ文字列を使用すると、main.css内で参照されているcss-files AとBが@import文でキャッシュされてしまうのを防ぐことができますか?あるいは、@import "css-fileA.css?rev = 20121024"のようなクエリストリングを適用する必要がありますか?

ご協力いただきまして誠にありがとうございます。

答えて

8

私は、各ファイルが独立して扱われることを期待しています。 css-fileA.cssが直接または@import経由で読み込まれたのはなぜですか?それは同じURLであり、キャッシュは同じ方法で使用する必要があります。

+1

返信いただきありがとうございます!私はシナリオをテストし、あなたが正しいことを知った。それぞれのcssファイルは独立して扱われます。つまり、インポートされた各cssファイルにクエリ文字列を追加する必要があります。@import "css-fileA.css?rev = 20121025" – gurkan

関連する問題