我正在尝试以其他颜色显示当前页面链接。我发现其他答案可以做到这一点,但仍然无法正常工作。我在每个页面的各个链接上使用current_link类。我还找到了一个答案,该答案说要对颜色规则应用!important标记,但没有执行任何操作。我以为我有一些小错误或我不知道。也许某种排序规则。
这是与我的链接有关的CSS规则。如您所见,我在顶部有.current_link(我认为这可以消除任何订购/超车问题)。相对的HTML命名如下。

.current_link {
    color: #00AD26;
}

#main_nav a:link, a:visited {
    text-decoration:none;
    color: #00A3E6;
}
#main_nav a:hover {
    text-decoration: none;
    color: #A8EDFF;
}
#main_nav a:active {
    text-decoration: none;
    color: #00B7FF;
}


a:link, a:visited {
    text-decoration:none;
    color: #00A3E6;
}
a:hover, a:active {
    text-decoration: none;
    color: #00B7FF;
}


页面之一中的相对HTML。

<ul id="main_nav" class="grid_5 prefix_9">
    <li id="home" class="current_link"><a href="index.html">Portfolio</a></li>
    <li id="about"><a href="about.html">About</a></li>
    <li id="contact"><a href="contact.html">Contact</a></li>
</ul>

最佳答案

您应该使用:

#main_nav li.current_link a {
    color: #00AD26;
}


这将否决其他选择器,并避免使用!important

关于css - 如何使用CSS显示当前页面? .current_link不起作用,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/16614195/

10-12 07:26
查看更多