Question

无论我如何链接样式表，结果页面仍然没有样式。 HTML：

<!DOCTYPE HTML>

<html>
<head>
  <meta charset="utf-8">
  <link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
  test test test
</body>
</html>

CSS：

@charset "UTF-8";

body {
  background-color: #f25f29;
}

这两个文件都位于xampp test文件夹中的htdocs文件夹中。另一个带有样式表的网站，我从htdocs内的另一个子文件夹中的一本书中取出来就可以了。（我试图根据工作中的错误找出我自己页面中的错误，但我找不到它）

我已经尝试过以下事项：

不同的路径
- style.css
- ./style.css
- /opt/lampp/htdocs/test/style.css
- file://opt/lampp/htdocs/test/style.css
- /test/style.css（因为我猜想localhost将htdocs作为根目录）
- file://test/style.css
匹配CSS和HTML文件中的charset说明符（全部大写）
使用/>关闭链接而不是>
在linkname和右括号之间插入空格
sudo chmod 777 *（将其更改回644）
重新启动xampp
省略type="text/css"规范
四重检查样式表的名称及其路径
我从未将其包含在<style>标记
也总是使用直引号而不是“斜体”

我上面给出的版本是在另一种情况下适用的版本。

编辑：清除缓存修复缓存，如评论中所示。

Answer 1

当您的网站上没有更新CSS时，可能是该网站在缓存中有较旧版本的样式表。清除它将使其获取更新版本。

要确定这是否是问题：

右键单击页面并检查（元素）
导航至来源
导航至样式表
检查这是否是更新版本。

如果样式表不是最新的，请清除缓存并检查它是否有效。

例如：

Clear cache in Google Chrome

Clear cache in Internet Explorer

Clear cache in Mozilla Firefox

将CSS链接到HTML文件：路径规范

1 个答案: