リンク部分に適用させる

要素名:link｛〜｝
 ⇔まだ見ていないリンク部分のスタイル
要素名:visited｛〜｝
 ⇔すでに見たリンク部分のスタイル
要素名:hover｛〜｝
 ⇔カーソルがその要素の上に有る時のスタイル
要素名:active｛〜｝
 ⇔右の枠線の設定押した時のリンク部分のスタイル

リンク部分に対してスタイルを適用させたいときの書式です。
したがって、通常は「要素名」の部分は「a」になります。
「要素名」の部分に「#ID名」や「クラス名」を指定することで、
特定のリンク部分に別のスタイルを適用させることも出来ます。
これら４種類のスタイルの指定は、
必ず「link」「visited」「hover」「active」の順になるようにして下さい。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<title>リンク部分に適用させる</title>
<style type="text/css">
<!--
/* 普通のリンク色の設定 */
a:link {color: #0000ff; background: #ffffff }
a:visited {color: #000080; background: #ffffff }
a:hover {color: #ff3300; background: #ffffff }
a:active {color: #ff0000; background: #ffffff }

/* 特定のクラスが指定されているリンクだけ色を変える */
a.special {font-weight: bold }
a.special:link {color: #00cc00; background: #ffffff }
a.special:visited {color: #009900; background: #ffffff }
a.special:active {color: #00ff00; background: #ffffff }

.navbar {
　　text-align: center;
　　border-top: solid 1px #999999;
　　padding-top: 1em
}

/* 特定のクラスに含まれているリンクだけ色を変える */
.navbar a:link {color: #ff6600; background: #ffffff }
.navbar a:visited {color: #ff9900; background: #ffffff }
.navbar a:active {color: #ff0000; background: #ffffff }
-->
</style>
</HEAD>
<body>
<H1 align="center">リンクに関連するスタイル</H1>
<P align="center"><a href="css.html">スタイルシート</a>を利用すると、<BR>
一部の<a href="link.html">リンク</a>だけ色などのスタイルを変えることが出来ます。<BR>
「:link」や「:visited」などは「<a href="pseudo.html" class="special">擬似クラス</a>」と呼ばれています。
</P>
<P class="navbar" align="center">
[<a href="next.html">次ページ</a>]
[<a href="top.html">トップ</a>]
[<a href="prev.html">前ページ</a>]
</P>
</body>
</HTML>