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

Question

I'm trying to link my style.css file to my index.html file. Both files are located in separate folders.

Folder structure:

/parent

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

Codes that I have tried using:

<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">

The same error I keep getting in the terminal:

GET /css/style.css 404 1.542 ms - 152

I'm using VS Code with live-server.

Note: When I put my index.html file outside src folder in the parent folder. The path href="css/style.css" works.

Answer 1

Start live-server in the Root /parent , then navigate to /src/index.html . If you start in the directory containing index.html you can Not go upwards.

Answer 2

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