CSS 样式在本地 xampp 服务器中不起作用

Posted 2023-02-25

技术标签:

【中文标题】CSS 样式在本地 xampp 服务器中不起作用【英文标题】：CSS Styles won't work in Local xampp server 【发布时间】：2018-01-27 22:24:37 【问题描述】：

为什么 CSS 样式不能在 xampp 服务器上正确显示

注意：我已正确链接样式表。有些样式似乎适用。但是某些样式在 Xampp 上不起作用

【问题讨论】：

你确定它和xammp有关？可能是浏览器，换个浏览器或者更新一下吧。也许问题出在缓存上。按 ctrl/cmd + F5 尝试硬重新加载请检查控制台是否有错误 【参考方案1】：

请清空您的浏览器缓存并重新加载。有时现代浏览器会缓存样式表和脚本。

【讨论】：

【参考方案2】：

您可以使用样式表版本控制

<head>
    <link rel="stylesheet" type="text/css" href="style.css?v=1.1">
</head>

如果您使用它，即使所有现代浏览器都会看到有一个新文件。您可以对您的 javascript 文档执行相同的操作。

您可以在此处阅读更多相关信息：https://css-tricks.com/can-we-prevent-css-caching/

【讨论】：

【参考方案3】：

尝试使用其他浏览器，如果您在那里看到 CSS，则问题在于 Chrome 的缓存。要清除它们，请转到

chrome://settings/clearBrowserData

并清除数据

【讨论】：

【参考方案4】：

我遇到了同样的问题，并通过更改 htdocs 中包含网页的文件夹的名称来解决它。希望它有效;)

【讨论】：

【参考方案5】：

一旦覆盖本地捕获的版本，样式就会生效：只需按 ctrl + shift+ r

【讨论】：

键盘快捷键可能因操作系统而异。比如我用的是chrome，快捷键是CTRL + Shift + Backspace【参考方案6】：

不确定这是否是您的问题，但 CSS 文件未链接的问题是因为我将它们放置在另一个文件夹层或 2 层深处，并且必须在文件引用之前添加 ..。

曾是 /cssfile 不得不改成../cssfile

【讨论】：

以上是关于CSS 样式在本地 xampp 服务器中不起作用的主要内容，如果未能解决你的问题，请参考以下文章