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 Organize CSS with Comments

Charles Lockhart
Charles Lockhart
5,732 Points

My hover state won't work for my links. I've tried checking the code over and over again, but I can't tell what's wrong

/* nav links */ nav a, nav a:visited { color: #fff; }

/* bug: nav link */ nav a.selected, nav a:hover { color: 32673f; }

4 Answers

It looks like you're missing the '#' before the hexadecimal value. It should be #32673f rather than 32673f.

Jason Anders
MOD
Jason Anders
Treehouse Moderator 145,860 Points

Hi Charles, for the pseudo element 'selected,' you mistyped and used a comma instead of a colon. And you left off the # for the color. Once fixed, you should be good.

Keep Coding! :)

I don't think 'selected' is a pseudo class, is it?

Jason Anders
Jason Anders
Treehouse Moderator 145,860 Points

Hey Moayad, Yep, you're right. Good catch.

I skimmed it too fast and it just didn't click (pun intended). Probably should finish that first cup of coffee before I go to answer question. :/

David Park
David Park
1,387 Points

I was about to submit another question along the same lines and realised my error was capitalising 'Hover'

Doh! onwards!

;-)