只有 Firefox 可以识别 CSS 的更改 [关闭]答案

【问题标题】：Only Firefox Recognizes Changes to CSS [closed]只有 Firefox 可以识别 CSS 的更改 [关闭]
【发布时间】：2013-08-02 23:18:56
【问题描述】：

这是我见过的最奇怪的事情...我已经刷新了 Safari、Chrome 和 Internet Explorer 中的缓存，但只有 Firefox 可以看到我对 css 所做的更改。就像更改背景颜色一样简单。（大约 15 分钟）

我在搞“不透明”...也许与此有关？

有什么想法吗？

【问题讨论】：

使用 ctrl + f5?有时这有效
您在 chrome、safari 或 Internet Explorer 中是否有任何错误控制台？
我在 Mac 上，但似乎没有任何效果。完全没有错误
您是否查看了浏览器开发工具以了解 CSS 代码在浏览器中的实际外观？你可能会觉得这很愚蠢，就像你改变了错误的风格一样。
能否请您发布CSS，以防它与代码有关？

标签： css firefox

【解决方案1】：

您是否尝试将 ?v=2 添加到您的样式链接中。

<link href="style.css?v=2" rel="stylesheet">

【讨论】：

不，我没有。我正在使用 Drupal，这已经工作了几个月。这很奇怪。
抱歉，我错过了关于不透明度的部分。你能发布你的css吗？

【解决方案2】：

如果没有源代码，我无法为您解决这个问题，但您应该使用每个浏览器的开发人员工具来检查您的样式在哪里/是否被应用。通常，开发人员只是在错误的位置键入样式，忘记添加括号或拼写错误的东西。

例如，在 Chrome 中，打开“检查器”（可能位于“工具”之类的下拉菜单中）。对于 Web 开发人员来说，这是一个非常有用的工具，因为它允许您指向页面上的对象并轻松查看它们的 HTML 和应用的样式。将鼠标悬停在您的背景上并查看检查器控制台中列出的 css 元素。你的颜色上了吗？它是否被另一个样式元素覆盖？它被应用了吗？为什么或者为什么不？这些是您在调试时需要问自己的问题。

如果您需要有关 Chrome 开发者工具的更多信息，请查看此处：https://developers.google.com/chrome-developer-tools/

您使用的是@-moz-document 标记还是其他一些仅限 Firefox 的标记？对于您遇到问题的原因，这是我能想到的唯一其他解释。

【讨论】：

【解决方案3】：

清空你在其他浏览器中的缓存并重试，希望这个chrome扩展可以帮助你：

Chrome Click&Clean

这将清除您的缓存。

Chrome 缓存几乎所有内容！ 所以对于使用 chrome 开发的 Web，我建议使用上述扩展程序来清除缓存。

如果对您没有帮助，可能您使用了一些 Firefox 特定的 CSS 代码，此代码不会被其他浏览器解析，如果您在评论中发布您的 CSS 代码，我们可能会为您提供更好的帮助。

【讨论】：