样式表不适用于 html 文件答案

【问题标题】：stylesheet does not apply to html files样式表不适用于 html 文件
【发布时间】：2022-02-14 16:06:30
【问题描述】：

我已经通过验证器运行了我的 css（没有错）

我的标题如下所示（删除了不相关的部分）

<head>
     <link href="https://fonts.googleapis.com/css2?family=Lato:wght@400&display=swap" rel="Stylesheet">
     <title>Projekter</title>
     <link rel="Stylesheet" href="Stylesheet.css">
</head>

我的样式表在以下文件夹层次结构中命名为 Stylesheet.css

这里可能有什么问题？

如果我遗漏了一些相关信息，请告诉我。

【问题讨论】：

css文件是否在同一目录下？
试试这个：<link rel="Stylesheet" href="./Stylesheet.css"> 因为它在同一个文件夹层次结构中，所以你必须指定它。
文件在父目录下，所以href应该是../Stylesheet.css

标签： html css

【解决方案1】：

样式表调用路径无效。

index.html 文件位于 HTML 文件夹中，Stylesheet.css 位于 HTML 文件夹之外。

请按如下方式更正。

     <link rel="stylesheet" href="../Stylesheet.css">

Chrome DevTools 可以更轻松地确定原因。

【讨论】：