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 trialJared Smith
4,664 PointsAdd a hover state for navigation links that changes the text color to the value #32673f.
nav a: hover { color: #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 {
color: #fff;
}
nav a hover{
color: #32673f;
}
3 Answers
brandon downs
11,577 Pointsthis is a simple fix. you just missed the colon
so your css should look like
nav a:hover {
color: #32673f;
}
matth89
17,826 PointsHi, Jared.
You're very close. You just need a colon, and no spaces between "a" and "hover" example
nav a:hover {}
Good luck
Jared Smith
4,664 PointsThanks!
Max Botez
5,146 Pointsand don't forget all pseudo classes have a colon in front :)
brandon downs
11,577 Pointsbrandon downs
11,577 Pointsalso, you can shorten your color black hexidecimal number to #000;
Jared Smith
4,664 PointsJared Smith
4,664 PointsThanks!