<style>
#linkA:link { font-weight: bold; }
#linkB:visited { font-style: italic; }
#link1:target { color: red; font-weight: bold; }
#link2:target { color: red; font-weight: bold; }
#on-off:target { display: none; }
</style>
<div><a id="linkA" href="#not">未訪問リンク</a></div>
<div><a id="linkB" href="pseudo-class-link-css.html">訪問済みリンク (このページ)</a></div>
<div><a href="#link1">リンク1へ (クリックするとリンク先が変化)</a></div>
<div><a href="#link2">リンク2へ (クリックするとリンク先が変化)</a></div>
<div id="link1">リンク1</div>
<div id="link2">リンク2</div>
<div><a href="#on-off">非表示 (クリックすると下の表示が変化)</a> ・ <a href="#reset">リセット</a></div>
[<span id="on-off">表示 → 非表示</span>]
<span id="reset"></span>
リンク1
リンク2
[
表示 → 非表示]