HTML How to Make a Website CSS: Cascading Style Sheets Use ID Selectors

Maren Lilleberre
Maren Lilleberre
Full Stack JavaScript Techdegree Student 9,408 Points

So, I've typed it exactly as described but the "=" after rel in my <link> does not work...

I type:

<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">

but the site does not change colour. When saving the index.html file (and closing it), the = after rel are both gone. When typing them again, the Workspaces orange dot on the tab does not appear as if I have not made a change in my file..

While inspecting the site in the DOM Explorer it says:

<link href="css/normalice.css" rel"stylesheet"=""/>

if I change it to include the = after rel in the DOM, the site changes colour.

Is this a Workspaces problem? I've tried it in both Explorer and firefox as I have encountered several problems(as uploading files) that I fixed by changing browser.

1 Answer

Jamie Reardon
Jamie Reardon
Front End Web Development Techdegree Student 9,175 Points

Hi there, the inspected DOM link element you have two mistakes, if you look at the link you have posted to your stylesheet, you can see that you have misspelled normalize incorrectly. The second mistake is your rel attribute, you have no = sign to separate the attribute and its value:

<link rel="stylesheet" href="css/normalize.css">

This code you have posted correctly, so I am thinking its a cached error, try and force refresh the page (ctrl + F5 for Windows).

Also double check that the index.html file has the updated and correctly spelled link element like above and also check that the location of the normalize.css file is in the correct path provided in the href attribute.