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

CSS How to Make a Website Customizing Colors and Fonts Write Hexadecimal Colors

Posted by nick88p
nick88p
5,716 Points

Hover problem

This is probably an obvious one ... :)

I need to add a hover state for navigation links that changes the text color to the value #32673f Why is my answer incorrect?

nav a: hover { color: #32673f; }

Thanks for your help. Nick

Kieran Gibbons
Kieran Gibbons
17,434 Points
Kieran Gibbons
Kieran Gibbons
17,434 Points

Try removing the space between a: and hover.

2 Answers

rydavim
rydavim
18,814 Points
rydavim
rydavim
18,814 Points

The hover part is :hover, so does it work if you remove the space between the a: and hover?

EDIT - to clarify, the colon ( : ) is 'attached' to the hover selector, not the element you're applying it to.

nav a:hover { color: #32673f; }
nick88p
nick88p
5,716 Points
nick88p
nick88p
5,716 Points

Yes. That worked! I thought spaces didn't matter in html and CSS. Guess I was wrong. Thanks for your help.