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 trialBare Farah
553 Pointsadd 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; }
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
13,564 PointsHi Bare!
Try using the pseudo-class ":hover" and let me know if you can figure out the solution. Good luck!
Blake Hutchinson
21,695 PointsGoing 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.