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
matteo boni
5,087 Pointshelp with this challenge?
Add a hover state for navigation links that changes the text color to the 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:#000
}
nav a{
color:#fff
}
3 Answers
Jeroen Augustinus
Front End Web Development Techdegree Student 5,931 PointsWhen you want to add a hover state to any elements simply take the element selector and add ":hover" behind it.
In your case you need a hover state over your nav links so this should help:
nav a:hover {
color: ;
}
I don't know the color you need so I left it blank. Hope this helps.
Kernan Loobie
2,306 Pointsthis is exactly what i'm doing and the code challenge says that it's wrong
Jeroen Augustinus
Front End Web Development Techdegree Student 5,931 PointsYou must be doing something different though, here is my code that made me complete it without any problems:
h1,
h2 {
color: #fff;
}
p {
color: #000;
}
nav a {
color: #fff;
}
nav a:hover {
color: #32673f;
}
I think you might be using a wrong color code or maybe you add the hover to your previous nav a? Also I see that you don't use an " ; " at the end of your declarations which you should really do as well! Even if the code editor still accepts it it will give you trouble in the future.
Definitely compare your code with the code above though and see what you did different. I hope you find the solution with this!
Kernan Loobie
2,306 PointsRight after i posted the comment i went back and tried it again and i got it to work......Thanks for the quick reply tho. Its good to know i have help available when i need it
Jeroen Augustinus
Front End Web Development Techdegree Student 5,931 PointsNo problem, glad you got it to work. :) Good luck with the rest of the course!