样式访问链接

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）