html - css href 和链接

Question

似乎当我向 anchor 添加“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 的格式正确。与 href 没有。我原以为 css a:link 和 a:visited 会涵盖这种情况。如果我将 !important 添加到 css，那么我就可以在所有地方获得正确的格式。

Answer 1

您可以向规则添加 !important 这一事实表明您有另一个优先的规则。您有使用 [href] 定位的内容吗？

尝试在 Firebug 或 Safari 的开发者工具中加载您的页面，看看您指定的另一种样式是否覆盖了您的规则。