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 Nedim Ljubuncic
Nedim Ljubuncic
1,022 Points

The question is asking me to add a hover state to my nav element My code is nav a, nav a:hover { color:32673f }

What am i missing? Is my code off?

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

4 Answers

Jozef Banuelos
Jozef Banuelos
8,377 Points
Jozef Banuelos
Jozef Banuelos
8,377 Points

You are missing a colon and an ending semi-colon in your nav a, nav a:hover code block. Inside you have color#32673f.

it's a simple syntax error. It should look like :

nav a, nav a:hover {
      color: #32673f;
}
Julian Fields
Julian Fields
8,983 Points
Julian Fields
Julian Fields
8,983 Points

Hi Nadiim, I see a couple things, 1: color should be followed with : and #32673f should be followed by ;. Also, I think the hover state could be achieved by the code below...

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

Nedim Ljubuncic
Nedim Ljubuncic
1,022 Points
Nedim Ljubuncic
Nedim Ljubuncic
1,022 Points

Thanks a million!

Nedim Ljubuncic
Nedim Ljubuncic
1,022 Points
Nedim Ljubuncic
Nedim Ljubuncic
1,022 Points

Thanks Julian!