无论我如何链接我的样式表，生成的页面仍然没有样式。 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;
}
这两个文件都位于同一个文件夹中，即test在 xampp 里面 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
-
- 匹配
charsetCSS 和 HTML 文件中的说明符(全部大写) - 使用
/>关闭链接而不是> - 在链接名和右括号之间插入一个空格
-
sudo chmod 777 *在测试文件夹中(将其改回 644) - 重新启动 xampp
- 省略了
type="text/css"规范 - 四重检查样式表的名称及其路径
- 我从未将其包含在
<style>中标签 - 也总是使用直引号而不是“斜体”引号
我上面给出的版本适用于另一种情况。
编辑:按照评论中的建议，清除缓存修复缓存。
最佳答案
如果您网站上的 CSS 没有更新，可能是因为该网站的缓存中有旧版本的样式表。清除此项将使其获取更新版本。
要确定这是否是问题所在:
右键单击页面并检查(元素)
导航到源
导航到您的样式表
检查这是否是更新版本。
如果您的样式表不是最新的，请清除缓存并检查它是否有效。
例如:
关于html - 将 CSS 链接到 HTML 文件 : Path specification，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46050565/