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

Posted by Megan Oliver
.a{fill-rule:evenodd;}techdegree seal-36
Megan Oliver
Front End Web Development Techdegree Graduate 20,985 Points

I'm stumped on a challenge about added color to the hover state. I'm typing in nav: hover {color: #32673f}. Help!

I can't pass this challenge, I've been stumped on it for days. It's asking me to add a hover state to nav links using the value #32673f. I'm typing in nav: hover {color: #32673f}. What am I doing wrong, it's driving me crazy!

css/main.css 
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:hover {
    color: #32673f;
}

3 Answers

Dan Garrison
Dan Garrison
22,457 Points

Hi Megan,

You need to do the following for the hover state: 

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

The question is specifically asking you to select the anchor elements of the nav element. Right now it looks like you are only selecting the nav element.

Megan Oliver
.a{fill-rule:evenodd;}techdegree seal-36
Megan Oliver
Front End Web Development Techdegree Graduate 20,985 Points

Thank you Dan! I have tried to add the anchor on the past and out didn't work, but it just did. I MUST have had something wrong. Thank you!

Ayoub AIT IKEN
Ayoub AIT IKEN
12,314 Points
Ayoub AIT IKEN
Ayoub AIT IKEN
12,314 Points

in your nav a selector, you re forgetting semi-colons at the end of each rule ;)

h1, h2 {
  color: #fff;
}
p {color: #000;
}
nav a {color: #fff;
}
nav a:hover{
  color:#32673f;
}
Megan Oliver
.a{fill-rule:evenodd;}techdegree seal-36
Megan Oliver
Front End Web Development Techdegree Graduate 20,985 Points

Yes, I noticed that. The funny thing is, it said the first three were correct. But even adding the semi colon, it still says it's wrong.

Ayoub AIT IKEN
Ayoub AIT IKEN
12,314 Points
Ayoub AIT IKEN
Ayoub AIT IKEN
12,314 Points

try to reload, i just tried it and it worked !!!!

Megan Oliver
.a{fill-rule:evenodd;}techdegree seal-36
Megan Oliver
Front End Web Development Techdegree Graduate 20,985 Points

I've tried it multiple times over the past week or so. I've moved on with the lessons, but the program keeps prompting me to finish that challenge.