css - 在浏览器中看不到 CSS 样式更改

Question

好的，伙计们。我对编码并不陌生，我想我并不愚蠢，但我对这个问题束手无策，而且我已经没有什么可以尝试的了。

问题:
尝试更新 Wordpress 样式表。无论我做什么，我都看不到浏览器中的变化，但我的老板可以很好地对其进行更新。到目前为止，这只是 3 个站点的问题(2 个 wordpress 1 个定制站点)。并非所有网站。

我尝试过的事情:

• 在 wordpress 上更新了 css - 保存良好 - 通过 FTP 查看更新日期并且时间戳是新的 - 刷新网站，在浏览器中看不到样式表的变化

• 通过 FTP 下载了 css 文件，其中包含 wordpress 更新的更改 - 尝试添加更多更改/样式并重新上传 - 仍然无法在浏览器中看到样式表更改。

• 删除了一切的所有历史记录。缓存、浏览器数据等，在 firefox、chrome 和 safari 中 - 在浏览器中没有看到任何变化

• 尝试使用 Dreamweaver 上传文件 - 未发现任何变化

• 尝试在终端中刷新 DNS 缓存:sudo killall -HUP mDNSResponder 和 sudo dscacheutil -flushcache - 没有看到任何变化

• 在主机/服务器本身上使用文件管理器更新了 css 文件 - 没有看到任何变化

• 拔下路由器，重新插入 - 没有看到任何变化

• 尝试在 WiFi 上上传，并直接插入互联网 - 没有看到任何变化

• 尝试在 chrome 隐身模式下查看 - 没有看到任何变化

• 查看文件权限，文件夹755，文件644

• wordpress 上没有安装缓存插件。所以那里没有什么要清除的。

通过“未见更改”，我实际上是在查看 firebug/web 检查器中的样式表代码，看起来样式表没有任何更改。并不是说我只是输入了错误的 CSS 选择器并且它不起作用。

如果您对我的电脑到底出了什么问题以及如何修复它提出任何建议，我们将不胜感激。这让我发疯!我使用的是 Mac OS X 10.9.4

http://www.wareinterventions.com/wp-content/themes/ware/style.css

---

我在样式表中看到的最后一个样式是:

.hms-testimonial-group .cf-type

但我应该看到这些:

#test{}
#test2{}
#slider .caption span{
    color: red;
}
#slider .caption h2{
    color: green !important;    
}

Answer 1

您的浏览器正在缓存 CSS 文件。您可以尝试转到原始链接并执行 Ctrl/Cmd + R(Ctrl/Cmd + Shift + R，硬重新加载)并查看是否清除它。

最好的方法是使用浏览器的开发者工具禁用缓存。

如果您使用的是 Chrome，请单击菜单图标 > 更多工具 > 开发人员工具，然后单击齿轮图标。您应该看到一个禁用缓存的选项。对于 Firefox，单击菜单图标 > 开发人员，然后单击切换工具。然后点击齿轮并勾选禁用缓存。