Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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,631 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,631 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!

;-)