保存后 CSS 样式未应用于网站（在 XAMPP localhost 上运行）
Posted
技术标签:
【中文标题】保存后 CSS 样式未应用于网站（在 XAMPP localhost 上运行）【英文标题】：CSS style is not applied to website after saving (running on XAMPP localhost) 【发布时间】：2020-02-04 19:14:02 【问题描述】：我最近开始使用 php，所以我也开始使用 XAMPP，在过去的两天里，当我最初更改 CSS 文件中的代码时，它并没有在网站上更新它。就像昨晚我改变了一些东西，直到今天早上我再次启动它时它才被应用。 XAMPP 在线，运行 ProFTPD、Apache 和 mysql，网络也在线。为什么是这样？在它运行良好之前的最后两天只是这样。
尝试重新启动一切并更改文件路径。
【问题讨论】：
可能是缓存...只需检查您的浏览器或您使用的应用程序 以隐身模式打开应用，或删除缓存 我认为这个问题与是否使用 Xampp 无关，我认为浏览器本身为 CSS 文件应用了缓存。你用谷歌浏览器吗？ 很抱歉对这一切还很陌生。检查浏览器或应用是什么？ 按 ctrl + f5 进行硬重新加载 【参考方案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样式。
感谢所有帮助过它的人！
【讨论】：
以上是关于保存后 CSS 样式未应用于网站（在 XAMPP localhost 上运行）的主要内容，如果未能解决你的问题，请参考以下文章