保存后 CSS 样式未应用于网站（在 XAMPP localhost 上运行）答案

【问题标题】：CSS style is not applied to website after saving (running on XAMPP localhost)保存后 CSS 样式未应用于网站（在 XAMPP localhost 上运行）
【发布时间】：2020-02-04 19:14:02
【问题描述】：

我最近开始使用 PHP，所以我也开始使用 XAMPP，在过去的两天里，当我最初更改 CSS 文件中的代码时，它并没有在网站上更新它。就像昨晚我改变了一些东西，直到今天早上我再次启动它时它才被应用。 XAMPP 在线，运行 ProFTPD、Apache 和 MySQL，网络也在线。为什么是这样？在它运行良好之前的最后两天只是这样。

尝试重新启动一切并更改文件路径。

【问题讨论】：

可能是缓存...只需检查您的浏览器或您使用的应用程序
以隐身模式打开应用，或删除缓存
我认为这个问题与是否使用 Xampp 无关，我认为浏览器本身为 CSS 文件应用了缓存。你用谷歌浏览器吗？
很抱歉对这一切还很陌生。检查浏览器或应用是什么？
按 ctrl + f5 进行硬重新加载

标签： html css google-chrome xampp

【解决方案1】：

此问题与使用 Xampp 无关，我认为您使用的浏览器正在缓存 css 文件，这意味着您每次刷新页面时都无法获取更新的 CSS。

如果您使用的是 Google Chrome，您需要进入浏览器设置并在开发版本中禁用缓存模式，并使用以下步骤进行操作：

1：检查此页面或任何页面（F12，如果您使用的是 Windows）。

2：按F1，设置会打开给你。

3：在右侧的“元素”下的“网络”部分检查（在 DevTools 打开时禁用缓存）

4：关闭所有内容再打开，每次更新这个文件时都能得到更新后的CSS样式

还有另一种解决方案，每次像这样更新样式文件时更改样式 URL 版本 => siteURL/style.css?ver=1.1.161017（添加 Ver=number）将强制浏览器更新缓存的 CSS 文件

希望有帮助

【讨论】：

【解决方案2】：

您可以使用键盘快捷键打开隐身窗口：

Windows, Linux, or Chrome OS: Press Ctrl + Shift + n.
Mac: Press ⌘ + Shift + n.

【讨论】：

【解决方案3】：

这可能是缓存问题。

将 Chrome 作为活动窗口尝试按 Ctrl+R 或 Ctrl+F5（强制清除缓存）在您的键盘上。

【讨论】：

【解决方案4】：

这确实是一个缓存问题。

修复：检查此页面或任何页面（如果您使用的是 Windows，请按 F12） 2：按 F1，设置将向您打开。 3：在右侧的元素下的网络部分检查（在DevTools打开时禁用缓存）4：关闭所有内容并再次打开它，您将能够在每次更新此文件时获得更新的CSS样式。

感谢所有帮助过它的人！

【讨论】：