Make Visited Links Disappear

Posted on May 2, 2007

I just thought of a really nifty method to make visited links disappear. This may be handy for a check list to drop-off links as they are clicked. It may also be used to keep content fresh for folks if you combined it w/ a javascript.

Two Simple Step Process:

  1. Add the following style to your CSS:

    .DisappearingVisited a:visited{
            display: none;
    }     

  2. Apply style to list of links on page:

    <span class="DisappearingVisited">
    <a href="http://www.google.com">Google.com</a>
    <a href="http://www.firefox.com">FireFox.com</a>
    </span>

That’s all there is to it. Have fun with it and let me know if you find a good use for it.

Added Example - Try it!

www.fastcompany.com
www.mashable.com
www.thoughtsparks.net/portfolio
www.smashingmagazine.com

Filed Under Web and Tech Helps, CSS Made Easy |

AddThis Social Bookmark Button
AddThis Feed Button

Related Posts

Comments

2 Responses to “Make Visited Links Disappear”

  1. Matt on May 4th, 2007 9:32 am

    The question is - does it work? I’m guessing yes but a demo would be very cool.

  2. admin on May 4th, 2007 1:10 pm

    Great comment. No duh huh. Anyway, I’ve added a demo to the post. Thanks!

Leave a Reply




 

196 posts and 889 comments