Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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

Posted by Abhishek Neogi
.a{fill-rule:evenodd;}techdegree
Abhishek Neogi
Front End Web Development Techdegree Student 995 Points

Stuck in the Classes Lesson and about hover links?

Not sure why I am not getting it or where I am going wrong?

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

1 Answer

andren
andren
28,538 Points
andren
andren
28,538 Points

The problem is that you have a space between the colon and the word hover, they have to be kept together like this:

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

Other than that your code looks fine.

Abhishek Neogi
.a{fill-rule:evenodd;}techdegree
Abhishek Neogi
Front End Web Development Techdegree Student 995 Points

Thanks, just ended up doing that and fixed it 1 sec ago before I saw your reply. Man, even a space makes a difference. WOW :o

Thanks again! :D