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 Khalil Muhsin
Khalil Muhsin
451 Points

I am stuck at this question in the exam for Customizing Colors and Fonts.

Add a hover state for navigation links that changes the text color to the value #32673f. My answer based on the video would simply be

nav a: hover { color: #32673f } What am I missing?????

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

Ayoub AIT IKEN
Ayoub AIT IKEN
12,314 Points
Ayoub AIT IKEN
Ayoub AIT IKEN
12,314 Points

Hey, well you fisrtly putted a "." instead of ":" , plus you put a space between a: and hover :

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

PS : if (nav) is a class, you would want to put a dot before it like this " .nav a:hover{} "

Joe Chapman
Joe Chapman
624 Points
Joe Chapman
Joe Chapman
624 Points

nav a:hover {

}