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 Matthew PROZAKI
Matthew PROZAKI
1,149 Points

I am having an issue with adding the hover state in part 4. I am saying nav a, nav a: hover; the { the rule in here}

I am not sure if I need to go back and tag the html code like in the video, but there is no option for that. I have tried opening with the nav: hover; I ahve tried nav a, nav a: hover....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;
}

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

2 Answers

James Alker
James Alker
8,554 Points
James Alker
James Alker
8,554 Points

For hover styles to work in css (and any other pseudo class for that matter) you need to remove the space you have there between the element and the colon.

nav a:hover {
  color: #32673f;
}
jacob weber
jacob weber
20,743 Points
jacob weber
jacob weber
20,743 Points

As James stated, you need to remove that space, the pseudo class will not work other wise so yes your code should be 

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