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

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 htdocs文件夹中的htdocs。另一个带有样式表的网站(我从htdocs内部另一个子文件夹中的一本书中摘取的)很好。(我试着根据工作中的错误在我自己的页面上找出错误，但我找不到)

我已经尝试过以下几种方法：

• 不同路径
  • style.css
  • ./style.css
  • /opt/lampp/htdocs/test/style.css
  • file://opt/lampp/htdocs/test/style.css
  • /test/style.css (因为我猜到本地主机以htdocs作为根目录)
  • file://test/style.css

​

• 在CSS和HTML文件中匹配charset说明符(全部大写)
• 使用/>关闭链接而不是>
• 在链接名和结束括号之间插入一个空格
• 测试文件夹中的sudo chmod 777 * (将其更改为644)
• 重新启动xampp
• 省略type="text/css"规范
• 四次检查样式表的名称及其路径
• 我从来没有把它放在<style>标签里
• 也总是用直引号代替“斜体字”。

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

编辑:清除缓存，缓存修复它，如注释中所建议的那样。

Answer 1

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

要知道这是否是问题所在：

1. 右击页面并检查(元素)
2. 导航到源
3. 导航到样式表
4. 检查这是否是更新的版本。

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

例如，：

中的清除缓存

Internet Explorer中的清除缓存

Mozilla Firefox中的清除缓存