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

Kyle Plancich
Kyle Plancich
7,482 Points

Totally not getting add hover color.

I really don't understand what's happening when I add the hover state? Please help. What am I doing 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:hover {
  color: #32673f;
}

You have ] above the last statement instead of a }. Make that change and try it again : )

3 Answers

Tobias Helmrich
Tobias Helmrich
31,602 Points

Hey Kyle,

you actually did it perfectly fine! :) The only problem is that you're closing the rule before with a ] instead of a curly brace (}).

nav a {
    color: #fff;
  ]

So if you fix that it should work, good luck!

nav a {
    color: #fff;
}
Kyle Plancich
Kyle Plancich
7,482 Points

Wow! I missed that completely! Thanks so much for the correction! That was the problem!

Steven is right. You need to close the nav a declaration with a curly brace before you can declare the nav a:hover.