Question

在我购买域名并上传之前，我正在创建一个网站，目前正在使用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？为什么现在才发生这种情况？以前从未出过过这样的问题？如何将其恢复为不成问题？

Answer 1

您在ahref;

中使用了link rel

变化;

<link rel="stylesheet" type="text/css" ahref="style.css">

到

<link rel="stylesheet" type="text/css" href="style.css">

Answer 2

我也遇到了这个问题。即使我从CSS文件中删除了所有内容，它也不会更新。如果使用notepad ++编辑CSS文件并且从不关闭选项卡，请检查是否在任何选项卡中都打开了相同的CSS文件并关闭它们。那立即解决了我的问题！

CSS样式表更改未显示在localhost（XAMPP）

2 个答案: