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 trialgalhardoo
19,272 PointsPlease, What I do here now? How I solve this problem?
Challenge Task 4 of 4
Add a hover state for navigation links that changes the text color to the value #32673f
.
ERROR -> Bummer! Make sure that you've styled links (a) elements inside the nav to be white with a hexidecimal value.
a {
text-decoration: none;
}
#wrapper {
max-width: 940px;
margin: 0 auto;
color: #fff;
}
#logo {
text-align: center;
margin: 0;
}
h1, h2{
color: #fff;
}
p {
color: #000;
}
nav a {
color: #000;
}
/* What I do here?? */
nav a.selected, nav a:hover {
color: #32673f;
}
3 Answers
Marc Busby
35,550 PointsI think the issue is the nav a { }
is currently set to be black (#000
) when the error says nav a
links should be white
. Set your nav a
to white
and you should be good.
Cindy Lea
Courses Plus Student 6,497 PointsYou need to add this:
p {
color: #000;
}
Holly Williford
4,745 PointsYou probably want to only have nav a:hover
, so maybe try to delete nav a.selected
.