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 Cathy Dinas
Cathy Dinas
527 Points

Difficulty coding hoover state

Add a hover state for navigation links that changes the text color to the value #32673f. Error Message: Bummer! Did you style nav links hover state (:hover)?

2 Answers

Matt Harris
Matt Harris
2,762 Points

I couldn't remember the HTML structure used, so in my example I was selecting the anchor tags within an unordered list item. I am sure you will learn this bit as you go along :-)

the problem with your code is the space between a: hover should be a:hover

cheers

Cathy Dinas
Cathy Dinas
527 Points

Thanks so much for the detailed advice, the space was what was throwing me off kilter.

Best & Happy coding!

Matt Harris
Matt Harris
2,762 Points
Matt Harris
Matt Harris
2,762 Points

Hey it should be something like this....

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

Cathy Dinas
Cathy Dinas
527 Points

Thanks Matt! There was no mentions of li in the video, what is the significance of that?

i was trying... nav a: hover {color" #32673f}

Matt Harris
Matt Harris
2,762 Points

Just to expand on this you set the color initially with the hex value and add the above code under it e.g

So setting the initial color of the nav links and then changing this color when hovering over them.

nav li a {
  color: #ff0000
}

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