css href and links

Question

It seems that when I add an 'href' tag to my anchor I lose all my css formatting. Is there something special the way css treats links?

Here is the simple css

    .topmenu > ul > li > a:visited,
    .topmenu > ul > li > a:active,
    .topmenu > ul > li > a:hover,
    .topmenu > ul > li > a:link,
    .topmenu > ul > li > a { font-family:Arial; font-size:1.0em; font-weight:bold; color:White; text-decoration:none; }

Here is the html

<div class="topmenu">
    <label>Name of Dept.</label>
    <ul>                    
        <li><a href="http://www.myurl.com">Itinerary</a></li>
        <li><a>Team Members</a></li>
        <li>Fundraising</li>
        <li>Resources</li>
        <li>Dates</li>
    </ul>        
</div>

The without the href formats properly. The with the href doesn't. I would have thought that the css a:link and a:visited would have covered that scenario. If I add !important to the css, then I get the proper formatting everywhere.

Just a note, in IE an anchor tag without an HREF is not recognized as a link. Styling wise it does not get any of the css benefits of an anchor, such as hover, link, visited and active. — Zoidberg
– Zoidberg, Commented Aug 25, 2009 at 18:49
Ummm, you should try your minimal example. It works. At least in FF3 here. — derobert
– derobert, Commented Aug 25, 2009 at 19:00

Jared · Accepted Answer · 2009-08-25 18:52:20Z

1

The fact that you can add !important to the rule is indicating you have another rule that is taking precedence. Do you have something that is targeting with a[href]?

Try loading up your page in Firebug or Safari's Developer tool and see if another style you have specified is overriding your rule.

answered Aug 25, 2009 at 18:52

Jared

2,4672 gold badges20 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

css href and links

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related