CSS HREF и ссылки

Question

Кажется, что когда я добавляю тег 'href' к своему якору, я теряю все мое форматирование CSS. Есть ли что-то особенное в том, как css обрабатывает ссылки?

Вот простой 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; }

Вот 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>   

Правильно форматирует без href. The с HREF нет. Я бы подумал, что css a: link и a: посещения могли бы охватить этот сценарий. Если я добавлю! Important к CSS, то везде получаю правильное форматирование.

Answer 1

То, что вы можете добавить! Важное к правилу, указывает на то, что у вас есть другое правило, которое имеет приоритет. У вас есть что-то, на что нацелено с помощью [href]?

Попробуйте загрузить страницу в Firebug или Safari Developer Tool и посмотрите, не переопределяет ли ваш стиль другой стиль, который вы указали.