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

Posted by zhuoyu zhu
zhuoyu zhu
9,806 Points

a:visited to change the color of link

I used a:visited{ color:green;} to the change the color of link after I visited in Safari but it didn't take effect. Anyone has any ideas?

2 Answers

Matt Campbell
Matt Campbell
9,767 Points
Matt Campbell
Matt Campbell
9,767 Points

Put what you're doing in a codepen and link it to here.

zhuoyu zhu
zhuoyu zhu
9,806 Points

http://codepen.io/anon/pen/wbjhs /* Pseudo-classes */ a:link { color: red; }

a:visited { color: green; }

I tried to change the color of link after I visited. It works perfectly fine in firefox and chrome when I tried this in CodePen. However, it didn't take effect in Safari (a:visited{color:green}). I read some post online and somebody said it's due to accessibility of Safari. But how I can solve this problem?

Corey Baker
Corey Baker
4,890 Points
Corey Baker
Corey Baker
4,890 Points

I've read through a couple of forums and haven't found much definitive evidence of this.

Perhaps try this instead:

a:visited {
color:#44FF6D;
}

Instead of using the actual word green try to throw a HEX value to see if that works......