×

css · level 1 · unit 2 · lesson 2

  1. meet it
  2. guess first
  3. your turn
  4. fix it
  5. nailed it

Tap a green word if you get lost.

meet it

The browser skips what it cannot read, without a word.

When CSS has a mistake, the browser does not stop or show an error. It skips the part it cannot understand and carries on with the rest. CSS it cannot understand is called .

The most common cause is a , a small slip in the spelling. Write colour and the browser has no idea what you mean, because CSS only knows color.

So when nothing changes, play detective. Check each property and value letter by letter, and check that every hex code starts with #.

<h1>Garden party</h1>
<p>Bring a hat.</p>
h1 {
  colour: green;
  background-color: pink;
}

Press show my page to see it here.

Run it: the background turns pink, but the words stay black because colour is skipped.