样式化访问的链接

Question

倒数第二个链接在单击时会显示其默认状态，即变为并保持深紫色。

<div id="footer">
    <p><b>Logged in as:</b> <pre><?php echo showUser(); ?></pre></p>
    <p><b>Tracks rated so far:</b><pre><? echo showRatings(); ?></pre></p>
    <p><b>Withdraw from experiment:</b> <a href="kill_session.php">Click here</a>.</p>
    <p><b>Contact information:</b> <a href="mailto:#">d"""""""""".com</a>.</p>
</div>

我的 CSS 如下：

#footer a {
    text-decoration: none;
}
#footer a:hover {
    color: red;
}
#footer a:active {
    position: relative;
    top: 2px;
    color: blue;
}

它只是基本的，但从基本样式改进了它。如何使访问的链接保持蓝色？

Answer 1

在#footer a 上设置颜色：

#footer a { color: blue }

或

使用a:visited 设置颜色以覆盖user agent stylesheet：

#footer a:visited { color: blue }

记得关注LVHA order（:link、:visited、:hover、:active）