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

Michael Sothan
Michael Sothan
8,048 Points

nav a elements not turning to white

after changing the anchor elements to green here:

a { color: #6ab47b; }

The nav anchor elements for "Portfolio" "About" and "Contact" won't turn white even when I place the

nav a, nav a: visited { color: #fff; }

at the end of my CSS.

Here is the respective section in the html. Maybe I missed something here?

<nav> <ul> <li><a href="portfolio.html">Portfolio</a></li> <li><a href="about.html">About</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav>

Can you post everything or link to the specific challenge?

Michael Sothan
Michael Sothan
8,048 Points

Sorry, didn't realize this didn't post under the same video. It's the "Use Classes in CSS" under "Customizing Color and Fonts" in the "How to Make a Website" series. Figured it out. It was the space between "nav a: visited" that was causing the issue. Thanks.

1 Answer

Leandro Botella Penalva
Leandro Botella Penalva
17,618 Points

Hi Michael,

The space between "nav a:" and "visited" is breaking the CSS rule. Remove it and now your code should work properly.

Michael Sothan
Michael Sothan
8,048 Points

Perfect! Yep, just figured that out experimenting with the css file this morning. Thanks for the savvy eye