リンクの線を消してもう一度表示したい。ところが・・・。

質問

DTIでブログを作成している者です。
「リンクの下線を消して、ポイントしたときだけリンクの線が出るようにしたい」と思っています。

リンクの線を消すには、

<STYLE TYPE="text/css">
<!--
A { text-decoration:none }
-->
</STYLE>

と入力すればよいとHTML辞書に書いてありました。
リンクをポイントしたときに下線が出るようにするには、

<STYLE TYPE="text/css">
<!--
A { text-decoration:none }
A:hover {color:#FF0000;text-decoration:underline;}
-->
</STYLE>

とタグを打ち込めばOKと書いてありました。

ここで、「リンクの下線を消してポイントだけ表示させる」ため、上記の二つ目のタグを打ち込んで文章を書き、リンクを作ったのですが、「リンクの下線を消して、ポイントした時だけ」という形では表示されません。（プレビュー画面ではちゃんとそうなっているのですが、その後ブログ上で見ても、下線もなければ、ポイントしても下線が出てきません。IEでもスレイプニルでも同じです。）正しくはどうやればいいのでしょうか？

あと、リンクごとによって「ポイントする前の最初の文字の色」を変更したいのですが、どのような順序でやればよいでしょうか？例えば最初ピンク色に設定したとして、その文章をリンクすると青文字になってしまいます。その場合、青色になった箇所のソースで、その単語の直前に<FONT color="#ff00ff">のタグを打ち込む、というやり方であってますか？教えてください！

回答No.1

noname#19206

＞IEでもスレイプニルでも同じです。
SleipnirのブラウザエンジンをIEにしていた場合、ページの表示はIEと全く同じです。
（Geckoに切り替えた場合話は別ですが…）

無理であれば以下のようにしてから試してみてください。
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:active {text-decoration:none;}
a:hover {color:#FF0000;text-decoration:underline;}

＞あと、リンクごとによって「ポイントする前の最初の文字の色」を変更したいのですが、
リンクカラーを複数使い分けるということでしょうか？
参考リンクのCSSの項目を御覧ください。

参考URL：

http://heo.jp/tag/kowaza/index.html