2012-10-24 17 views
10

我即將對我們的生產環境中的網頁和css文件進行升級。我想在Web瀏覽器中防止css緩存,因爲如果新的html與舊的css一起使用,會破壞設計。我在總所做的更改三個CSS-文件:使用如果父css文件使用查詢字符串,是否仍會緩存@import css文件

  • 主css文件
  • CSS文件A(主css文件中引用(與標籤頁面的頭部部分中引用) @import 「CSS-fileA.css」 語法)使用@import 「CSS-fileB.css」 語法)

防止瀏覽器緩存我有

  • CSS文件B(主CSS文件內引用的添加querystring到我的主要css文件,如: ... link href =「main.css?rev = 20121024」... ...

    我現在想知道在main.css中使用查詢字符串是否有助於防止使用@import語句在main.css中引用的css文件A和B的緩存?或者我還需要爲它們應用querystrings,如@import「css-fileA.css?rev = 20121024」?

    任何幫助,非常感謝。

  • 回答

    8

    我希望每個文件都要獨立處理。爲什麼直接加載css-fileA.css或通過@import加載它會有所幫助?它仍然是相同的URL並且緩存應該以相同的方式使用。

    +1

    感謝您的回覆!我測試了這個場景,發現你是對的。每個css文件都是獨立處理的,這意味着您需要爲每個導入的css文件添加查詢字符串,例如:@import「css-fileA.css?rev = 20121025」 – gurkan

    相關問題