css file doesn't link to html

Question

I am learning web design and i have a very simple issue that i haven't been able to find an answer to. I created a very simple page for an example and both documents are in the same folder. it works as a snippet on here, but then it doesn't work on my computer. I have checked the filepath for the stylesheet several times, but it doesn't work. If anyone can help that would be very appreciated. Thanks! (im not sure if the snippet is useful but i thought i would include it anyways)

body {
  background-color: #eee;
}

#header {
  background-color: #66CCFF;
  color: white;
}

<div id="container">
  <div id="header">
    <h1>text</h1>
  </div>
  <div id="content">
    <div id="nav">
      <h3>nav</h3>
      <ul>
        <li>home</li>
        <li>about</li>
        <li>contact</li>
      </ul>
    </div>

    <div id="main">
      <h2> other text </h2>
    </div>
  </div>
</div>

Show us how you include that file. Also in your DevTools network tab does .css file is loaded properly? — Justinas
– Justinas, Commented Jun 11, 2020 at 19:27

Data Monger · Accepted Answer · 2020-06-11 19:27:43Z

1

This mainly has to do with the path of the file. Try this:

href="./style.css"

If that doesn't work show us the error you get

answered Jun 11, 2020 at 19:27

Data Monger

10611 bronze badges

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

2 Comments

Jordan Iversen Over a year ago

what you said worked. im really new so simple advice like this is really helpful. thank you

Data Monger Over a year ago

We were all in your shoes once. Accept the comment as answer and it should close the issue.

Gaurav Gupta · Accepted Answer · 2020-06-11 19:41:17Z

1

Just remember to follow this, to avoid again issue in case of accessing through parent directory:

parent folder:

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

same folder:

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

answered Jun 11, 2020 at 19:41

Gaurav Gupta

9032 gold badges9 silver badges27 bronze badges

Collectives™ on Stack Overflow

css file doesn't link to html

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related