Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS How to Make a Website Customizing Colors and Fonts Write Hexadecimal Colors

Alvaro Castro
Alvaro Castro
8,877 Points

WhatΒ΄s wrong with the last 3 lines of my code?

I have to add hover state to the nav links and i did that:

nav a: hover { color:#32673f; }

Ian Burnett
Ian Burnett
Courses Plus Student 1,578 Points

Hi Alvaro,

Try removing the space after :

nav a:hover

Alvaro Castro
Alvaro Castro
8,877 Points

Thank you very much Ian, i was very confused but it definitely was what you both said.

2 Answers

Hi Alvaro,

You have a space after the colon that you have to remove:

a: hover
Alvaro Castro
Alvaro Castro
8,877 Points

Thank you very much, but changing this, the error persist.

Alvaro Castro
Alvaro Castro
8,877 Points

This is my code:

a {
  text-decoration: none;
}

#wrapper {
  max-width: 940px;
  margin: 0 auto;
}

#logo {
  text-align: center;
  margin: 0;
}

h1,h2 {
 color:#fff; 
}

p {
  color:#000;
}

nav a {
  color:#fff;
}

nav a: hover {
 color: #32673f; 
}

You may need to copy your code, refresh the challenge page and paste it back in.

Your code doesn't seem to be showing up here but I tried your code from the email notification and it passes with the exception of that extra space.

Alvaro Castro
Alvaro Castro
8,877 Points

Thank you very much Jason, i was very confused but it definitely was what you said.

Alvaro Castro
Alvaro Castro
8,877 Points

Thank you very much Jason, i was very confused but it definitely was what you said.

You're welcome.

There should be no space between ':' and hover, should be written like this a:hover{ }