如果父css文件使用查询字符串,@ import css文件是否仍会被缓存

gur*_*kan 10 css caching

我即将在我们的生产环境中对网页和css文件进行升级.我想在Web浏览器中阻止css缓存,因为如果新的html与旧的css一起使用,这将破坏设计.我总共更改了三个css文件:

  • 主css文件(在带标签的页面的head部分中引用)
  • css-file A(使用@import"css-fileA.css"语法在主css文件中引用)
  • css-file B(使用@import"css-fileB.css"语法在主css文件中引用)

为了防止浏览器缓存,我在主css文件中添加了一个查询字符串,如:... link href ="main.css?rev = 20121024"...

我现在想知道在main.css上使用查询字符串是否有助于防止缓存使用@import语句在main.css中引用的css文件A和B?或者我是否还需要为@import"css-fileA.css?rev = 20121024"应用查询字符串?

任何帮助是极大的赞赏.

Bar*_*mar 10

我希望每个文件都可以独立处理.无论css-fileA.css是直接加载还是通过加载,为什么会有所不同@import?它仍然是相同的URL,缓存应该以相同的方式使用.

  • 谢谢回复!我测试了该方案,发现您是正确的。每个css文件都被独立对待,这意味着您需要向每个导入的css文件中添加查询字符串,例如:@import“ css-fileA.css?rev = 20121025” (2认同)