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

Problem in adding hover to change navigation links to #32673f

Problem in adding hover to change navigation links to #32673f... Plz help...

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,nav:hover
{
  color:#32673f;
}

1 Answer

Luciano Bruzzoni
Luciano Bruzzoni
15,518 Points

Hi,

The challenge is asking you to set the hover state color to the anchor elements inside the nav. The way you have it set up currently is that you are adding the color to both the nav elements and the nav:hover elements because of the coma.

Instead, you want to do this:

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

that will select all the a elements inside the nav tag and set the color only on hover. Hope that kind of cleared things a bit. If not ask away!

I have done it friend , Thanks for the help....

Hi Ravi,

Glad to see you received the help that you needed. Please consider marking Luciano's answer as the "Best Answer", this will reward Luciano with some bonus points for correctly answering your question and will let other forum users know that there is an answer available in this thread if they are facing the same problem.