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 trialNatasha Brough
688 PointsAdd a hover state to navigation links that changes color
I can't get passed this question on "Use Classes in CSS" This is what I wrote:
nav a: hover { color: #32673f }
I know I must be missing something but I can't think what it is
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
}
1 Answer
kylianweijers
3,116 PointsHey there!
I see you have made one little mistake. The space between your 'a: hover' discards its functionality as it should not be there. Delete the space and write it like this:
nav a:hover { color: #32673f; }
Shaun Moore
6,301 PointsShaun Moore
6,301 PointsThank you for selecting the best answer!
-Shaun