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

HTML How to Make a Website Customizing Colors and Fonts Write Hexadecimal Colors

Posted by David Tsai
David Tsai
7,969 Points

style nav links hover state

What is wrong with my code ? I still can't change the color of the hover state. I've already followed the instruction in Nick's video.

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

2 Answers

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

I think the space after the colon might be your problem. Remove it so it just says a:hover, rather than a: hover.

David Tsai
David Tsai
7,969 Points

Oh, that's work ! Thanks a lot. Really appreciate it.

martinjones1
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
martinjones1
Front End Web Development Techdegree Graduate 44,824 Points
martinjones1
.a{fill-rule:evenodd;}techdegree seal-36
martinjones1
Front End Web Development Techdegree Graduate 44,824 Points

Hi David,

If you remove the space in ":a: hover", so it appears as "a:hover" you will be OK.

Thanks,

Martin

David Tsai
David Tsai
7,969 Points

Thank you so much, I think now I can keep going to meet my goal.