リンク文字の色は、通常<BODY>タグの属性として、未読リンク(LINK)、アクティブリンク(ALINK)、既読リンク(VLINK)で指定しますが、これをスタイルシートにするとどうなるのか？ また、スタイルシートのみでサポートされているマウスオン時の指定についても説明します。
<style type="text/css">
<!--
A:link { color:blue }
-->
</style>と指定すると、<body link=blue> と同じになります。
そのページのリンク文字のアンダーラインを消すには…
<style type="text/css">
<!--
A:link { color:blue;
text-decoration:none }
-->
</style>
<style type="text/css">
<!--
A:active { color:red }
-->
</style>と指定すると、<body alink=red> と同じになります。
<style type="text/css">
<!--
A:visited { color:yellow }
-->
</style>と指定すると、<body vlink=yellow> と同じになります。
<style type="text/css">
<!--
A:hover { color:pink }
-->
</style>と指定するとリンク文字にマウスを乗せると指定した色（上記ならピンク）になります。