无法将index.html文件链接到另一个文件夹中的style.css文件

Question

我正在尝试将style.css文件链接到index.html文件。这两个文件位于单独的文件夹中。

文件夹结构：

/父母

• /src/index.html
• /css/style.css

我尝试使用的代码：

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

我不断出现在终端中的相同错误：

  

GET /css/style.css 404 1.542毫秒-152

我正在将VS Code与实时服务器配合使用。

注意：当我将index.html文件放在src文件夹之外的父文件夹中时。路径href =“ css / style.css”有效。

Answer 1

从根/parent中的live-server开始，然后导航到/src/index.html。 如果从包含index.html的目录开始，则不能向上访问。

Answer 2

您的href看起来应该像这样：href =“ style.css”