CSS 样式表更改未显示在 localhost (XAMPP)
Posted
技术标签:
【中文标题】CSS 样式表更改未显示在 localhost (XAMPP)【英文标题】：CSS stylesheet changes not showing up in localhost (XAMPP) 【发布时间】：2016-07-18 11:20:54 【问题描述】：我正在创建一个网站，目前在购买域并上传之前使用 XAMPP 和 Localhost 制作它。然而，有史以来第一次（我已经为大学课程使用 XAMPP 2 年了）我对样式表所做的更改没有出现在我的文件中。我的文件夹中有以下文件：
header.html
footer.html
index.php
style.css
当我在 localhost 浏览器中强制打开 style.css 时，我可以看到正确的 CSS 编码，但是当我打开 index.php 时，没有显示更改（颜色没有改变或任何东西）。我在我的标题中链接到样式表，它又包含在 php 文件中。简化后的代码如下所示：
我的标题：
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Test</title>
<link rel="stylesheet" type="text/css" ahref="style.css">
</head>
<body>
<header>
<nav>
<ul>
<li>test</li>
<li>test</li>
<li>test</li>
</ul>
</nav>
</header>
我的页脚
</body></html>
我的 index.php 文件：
<?php include('header.html')?>
Test test test
<?php
include('footer.html')?>
为什么在 localhost 中打开 index.php 时没有显示 CSS？为什么现在才发生这种情况？以前从来没有问题吗？我怎样才能让它不再是一个问题？
【问题讨论】：
t 的 href 不是 ahref 【参考方案1】：我最近也遇到了同样的问题，几行代码没有显示，有一个双;;！有时候事情就是这么简单。
【讨论】：
您好，感谢您尝试解决 OP 的问题。虽然你说的很有用，但最好作为评论，因为它暗示了一些可能与问题无关的东西。 这并没有提供问题的答案。一旦你有足够的reputation，你就可以comment on any post；相反，provide answers that don't require clarification from the asker。 - From Review【参考方案2】：我也有这个问题。即使我从我的 CSS 文件中删除了所有内容，它也不会更新。 如果您使用 notepad++ 编辑 CSS 文件并且从不关闭选项卡，请检查您是否在任何选项卡中打开了相同的 CSS 文件并关闭它们。这立即解决了我的问题！
【讨论】：
根据 OP：When I force open style.css in the localhost browser I can see the right CSS coding - 所以保存文件没有问题【参考方案3】：
你在你的link rel中使用了ahref；
改变；
<link rel="stylesheet" type="text/css" ahref="style.css">
到
<link rel="stylesheet" type="text/css" href="style.css">
【讨论】：
以上是关于CSS 样式表更改未显示在 localhost (XAMPP)的主要内容，如果未能解决你的问题，请参考以下文章
保存后 CSS 样式未应用于网站（在 XAMPP localhost 上运行）