html - 样式访问链接

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)