html - CSS 不随变化更新

Question

当我尝试更改我当前的 CSS 或向我的样式表添加新的 CSS 时，没有显示任何更改(标签仍由旧的未更改代码设置样式)。

例如，如果我删除了一个类的内容并使用 F12 进入 chrome 调试工具，我可以看到我删除的内容仍然显示 - 即使我清除了按 Ctrl+Shift+R 或按 Ctrl+F5 缓存!

我网站的所有其他文件似乎都在正确更新，所以如果我使用内联样式，它也会正确更新。

奇怪的是，当我进入我的网站控制面板并从我的服务器手动下载 CSS 样式表时，我可以看到代码确实已使用新代码进行了更新，这很奇怪，因为在使用 F12 检查它时，我仍然可以看到没有任何变化的旧代码。

• 我正在使用 Microsoft Webmatrix 进行编码。
• 我使用的是 Chrome 网络浏览器。
• 我正在使用 Hostgator 托管。

我用尽了所有解决问题的方法，却被无论如何都不应该发生的事情打败了。我想我以前遇到过这样的问题，我认为只需等待一天让任何魔法起作用就可以解决这个问题，但我不应该等待。像这样的问题在现场环境中是绝对不能接受的。有什么可能导致这种情况的想法吗？

已修复!

更改:https://example.com/app/source/css/main.css

为此:https://example.com/app/source/css/main.css?v=1

Answer 1

您可以尝试 ctrl + shift + r(在 PC 上)来硬重置浏览器并确保缓存不显示旧的 CSS。

一件事是验证您正在编辑正确的文件。有一次我遇到了这个问题，当时我有两个同名的文件，但其中一个文件位于带有 index.html 的文件夹之外，而这正是我正在编辑的文件。