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

Question

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

文件夹结构：

/parent

/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 ms - 152

我正在使用 VS Code live-server。

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

Answer 1

您的 href 应如下所示：href="style.css"

Answer 2

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

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

Cannot link index.html file to style.css file in another folder

html

css

simplehttpserver

npm-live-server