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 Bare Farah
Bare Farah
553 Points

add a hover state for navigation links that changes thetext color th value #32673f

a { text-decoration: none; }

wrapper {

max-width: 940px; margin: 0 auto; }

logo {

text-align: center; margin: 0; }

h1,h2{ color: #fff; }

p{ color:#000000; }

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

css/main.css 
a {
  text-decoration: none;
}
add a hover state for navigation links that changes thetext color th value #32673f
#wrapper {
  max-width: 940px;
  margin: 0 auto;
}

#logo {
  text-align: center;
  margin: 0;
}

h1,h2{
 color: #fff;
}

p{
 color:#000000;
}

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

2 Answers

Luke Glazebrook
Luke Glazebrook
13,564 Points
Luke Glazebrook
Luke Glazebrook
13,564 Points

Hi Bare!

Try using the pseudo-class ":hover" and let me know if you can figure out the solution. Good luck!

Blake Hutchinson
Blake Hutchinson
21,695 Points
Blake Hutchinson
Blake Hutchinson
21,695 Points

Going with Luke on this one. Just use the pseudo-class :hover (no spaces) instead of .hover. If you're coming from JavaScript or jQuery where the dot notation is used, that can be confusing just as it is for someone coming from an OOP PHP background where the -> syntax is used.