リンクに適用される擬似クラス

<a>タグだけに適用される擬似クラス。擬似クラスはコロン(:)で区切る
　　　　　　*擬似クラス･･･特定の要素の、特殊な状況を想定したセレクタ。

a:link ･･･未だ訪れてないリンク
a:active ･･･クリックされ離されるまでの間に適用される。
a:visited ･･･訪問済みリンク
a:hover ･･･カーソルを乗せた時のスタイル

(補足)
・<a>タグにclass設定すれば、より細かく区分したスタイルを適用できる。
　　　　　　(例)a.abc:link {color: green;text-decoration:none}
・記述順序が重要。後に記述されたものが優先（後のもので上書きされてしまう）。
　　　　* a:hoverはa:visited、a:activeより後に記述すること。前に記述すると　　　　　　　a:visited、a:activeにより上書きされてしまいa:hoverが効かなくなる。

Sample

Sample Source......................................................................>>>

<style TYPE="text/css">
<!--
　a {text-decoration:none}
　a:link {color:green;}
　a.test:link {color:darkslategray;}
　a:active {color:pink;background:black}
　a:visited {color:#b0c4de;}
　a:hover {color:navy;background:mistyrose;text-decoration:underline}
　a.test:hover {color:magenta;background:mistyrose;text-decoration:underline}
-->
</style>
</head>
<body>

<ul>
  <li><a class="test" href="../css2/background01.html">background-color 背景色</a>
  <li><a href="../css2/clip01.html">clip 切り抜き</a>
  <li><a class="test" href="../css2/display01.html">display 表示状態を指定</a>
  <li><a href="../css2/position01.html">position 配置位置の指定</a>
　<li><a class="test" href="../css2/xxy01.html">デタラメ　no1</a>
　<li><a href="../css2/xxy01.html">デタラメ　no2</a>
</ul>