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

Posted by Emma Clark
Emma Clark
2,736 Points

Code Challenge: Add a hover state for navigation links that changes the text color to the value #32673f. ?

Hi,

I can't seem to get this code challenge right for the hover state. I've typed the hover state in carefully but it won't work. Can anybody help me please?

a {
  text-decoration: none;
}

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

#logo {
  text-align: center;
  margin: 0;
}
h1, h2 {color: #fff}

p {color: #000000}
nav a.selected {color: #fff;
}  
nav a:hover {color: #32673f;
}

Emma

2 Answers

Julian Gutierrez
Julian Gutierrez
19,325 Points
Julian Gutierrez
Julian Gutierrez
19,325 Points

I can see a couple things:

  1. We are missing a semicolon when setting h1 and h2 color to white and after setting the color for p
  2. There is no need for .selected when selecting the anchor tag.

Your hover css looks correct. I was able to pass the challenge making those two changes.

Emma Clark
Emma Clark
2,736 Points
Emma Clark
Emma Clark
2,736 Points

Thanks for your advice, problem solved! :)