Html CSS未在所有浏览器中更新

我有一个我正在开发的WordPress网站，我的.CSS文件中的所有更改都不会出现在Chrome、Firefox或Edge中

我直接从标签加载CSS：

<link href="/wp-content/themes/mytheme/css/style.css" type="text/css" rel="stylesheet">

如果我对CSS文件进行更改，这些更改不会显示在浏览器中。当我使用DevTools检查网站时，我可以清楚地看到加载了较旧/缓存版本的CSS

我已经尝试过：Ctrl+F5，在DevTools打开时禁用缓存，手动清除缓存，硬重新加载

什么都不管用。甚至没有清除缓存

对我来说，唯一的解决方案是等待10-15分钟，然后重新加载页面，或者重命名.css文件并重新链接它。我已经读到在使用CSS版本控制（style.CSS？v=1.0等）时有一个解决方法，但我拒绝习惯这些恼人的解决方法

---

我只是不明白为什么会这样。有什么帮助吗？谢谢。

Wordpress有自己的机制将js和css安装到它所服务的页面中

---

之所以发生这种情况，是因为用户加载已保存的资源比再次下载要快。这就是资源缓存背后的原因。为使用它而设置的时间是有限的，可以设置为“无”，以禁用缓存（客户端）；也可以从服务器设置时间

style.css？version=1.0

背后的“诀窍”是让浏览器根据您的css“版本”获得一个“新”URL进行下载。这是：如果您有文件

style.css？version=1.0

，并且您导航到您的页面，那么该URL将被保存为已加载的资源；当您将文件版本更改为

style.css？version=1.1

并再次导航到页面时，浏览器没有注册该“精确”URL，因此它会第一次请求该资源

---

如果您使用的是后端语言，您可以做一个简单的变通方法，如

style.css？version={getFileLastModificationTime}

。这样，生成的链接将显示文件最后一次被修改为“文件版本”的时间。

我认为这可能与wordpress有关。您是否启用了缓存插件？请检查CSS中是否存在中断？验证你的CSS