CSS 不更新更改

CSS not updating on change

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

例如,如果我删除 class 的内容并使用 F12 进入 chrome 调试工具,我可以看到内容我删除的内容仍然出现 - 即使我通过按 Ctrl+Shift+R[=40= 清除缓存], 或者按 Ctrl+F5!

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

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

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

已修复!

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

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

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

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

在头部CSSlink的URL后面加上?v=1,会强制使用非缓存版本,因为不同(new)文件名。该数字应该是唯一的,因此如果您以后要使用它,请务必替换 1.