title: html not linking to css file in Visual Studio Code
body: <h1>Environment</h1>
  <ul>
  <li>Windows 8.1 64bit</li>
  <li>Visual Studio Code 1.15.1</li>
  </ul>
  <h1>Related question</h1>
  <ul>
  <li><a href="https://stackoverflow.com/questions/39863458/html-wont-link-to-css-file-in-visual-studio-code">HTML wont link to CSS file in Visual Studio Code</a></li>
  </ul>
  <h1>Issue</h1>
  <h2>html doesn't link to css</h2>
  <ol>
  <li>Classes and ids in css don't show up on Intellisense in html.</li>
  <li>When I put the cursor on a class or id in html and press F12 to jump to css, a window pops up and says &quot;the definition wasn't found.&quot;</li>
  </ol>
  <p>However, when I open the html in a browser, the webpage is shown perfectly fine. So it seems like there is something wrong with my Visual Studio Code.</p>
  <p><strong>html</strong></p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang=&quot;en&quot;&gt;
  
  &lt;head&gt;
    &lt;title&gt;Test&lt;/title&gt;
    &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;./css/style.css&quot;&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;div class=&quot;abc&quot;&gt;&lt;/div&gt;
    &lt;div id=&quot;xyz&quot;&gt;&lt;/div&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  <p><strong>css</strong></p>
  <pre><code>.abc{
      width: 100px;
      height: 100px;
      background: red;
  }
  
  #xyz{
      width: 100px;
      height: 100px;
      background: blue;
  }
  </code></pre>
  <p><strong>files</strong></p>
  <p>index.html<br />
  css<br />
  |<br />
  +---style.css</p>
  <p><strong>webpage</strong></p>
  <p><a href="https://i.stack.imgur.com/STgG9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/STgG9.png" alt="enter image description here" /></a></p>
  <p>I'd like to know how to get rid of this issue.</p>
  <h1>Edit 17/9/3 19:03</h1>
  <p>Thanks for the answers, guys.
  The following didn't work.</p>
  <ul>
  <li><code>href=&quot;../css/style.css&quot;</code></li>
  <li><code>href=&quot;~/css/style.css&quot;</code></li>
  <li><code>href=&quot;css/style.css&quot;</code></li>
  <li>Embedding stylesheet in  tag (And I want to keep css in a separate file)</li>
  </ul>