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

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.

Try ../../css/style.css

Albeis
– Albeis

2019-08-22 22:24:34 +00:00
Commented Aug 22, 2019 at 22:24 — Albeis
– Albeis, Commented Aug 22, 2019 at 22:24
@Albeis Same error.

Shaze
– Shaze

2019-08-22 22:30:23 +00:00
Commented Aug 22, 2019 at 22:30 — Shaze
– Shaze, Commented Aug 22, 2019 at 22:30

efkah · Accepted Answer · 2019-08-28 19:49:02Z

0

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.

edited Aug 28, 2019 at 19:49

answered Aug 22, 2019 at 22:31

efkah

1,79817 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

user11964899 · Accepted Answer · 2019-08-22 22:25:54Z

-1

Your href should look like this: href="style.css"

answered Aug 22, 2019 at 22:25

user11964899

1

Collectives™ on Stack Overflow

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

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related