Css @import是否缓存在firefox中？

我在目前正在处理的css文件中发现了此导入指令：

@import url("adverts.css");

当我在Chrome中查看网站时，

adverts.css

被很好地导入，并且该文件中的所有样式都得到了预期的使用。然而，如果我在FireFox中查看网站，他们不会

更奇怪的是，当我将

adverts.css

重命名为

adverts1.css

并将导入更改为：

@import url("adverts1.css");

文件突然在FireFox:D中工作

所以我想知道FireFox是否为css

@import

s提供了一些奇怪的缓存

---

仅供参考：我使用FireFox 22.0，这取决于服务器配置。您的浏览器确实请求该文件，但它可能会收到一个未修改的

304

，因此不会再次请求该文件。您可以使用扩展在Firefox中看到这一点

my_layout.css

@import "test.css";

一经要求：

GET my_layout.css  200 Ok
GET test.css       200 Ok

应第二次请求：

GET my_layout.css  304 Not Modified 
GET test.css       304 Not Modified

---

根据评论，问题是安装了AdBlocker

从

adverts.css

更改为

adverts1.css

的结果是，该文件不再符合广告检测的规则，因此随后被加载

---

为了避免这样的问题（还有其他插件），我用普通插件测试我的站点，而不使用任何插件。在Chrome中，大多数有问题的插件在私人浏览中被停用。或者，您可以使用不同的配置文件，一个用于测试而不使用插件，一个用于测试有问题的插件，另一个用于正常浏览。

我猜您可能在FireFox中安装了一个AdBlock扩展，它将

广告.css

检测为广告，但

广告1.css

不检测。无论如何，您应该尽量避免使用

@import

。如果你有很多css规则，如果你想把它们组织在不同的逻辑文件中，你应该考虑css预处理器。是的，就是这样！非常感谢，我从未想过这一点……我在firefox中安装了adblock plus，一旦我关闭它，它就工作得非常好。请将您的评论作为答案发布在下面，我会给您一个绿色的勾号：）Adblock多年来给我带来了很多“嗯？”的时刻。请注意，这不仅会让文件名很烦人，还会让

class

或

id

名称很烦人。我开始将AdBlock测试添加到我的质量测试管道中，重新测试我的路径和html的公共规则集。所有插件仍然可以在私人浏览中使用。@byf ferdy ok thx，我现在也有时间检查这个，并根据这个更新了答案。