リンクの下線を消したいのに消せない（CSS）

質問

自分でタグを入力して、XHTMLとCSSでサイトを作っているのですがどうしても解決できない問題があるので質問させていただきます。

サイトの各ページに飛ぶテキストリンクをページの上部に作っていて、そのリンクを

・通常時（a:link）は・・・・・・・・下線なし
・訪問後（a:visited）は・・・・・・・下線なし
・マウスオーバー時（a:hover）は・・・下線あり

というふうにしたいので、CSSに書いたのですがどの場合においても下線が表示されてしまいます。

CSSをどのように書き直せば、上記のように下線が表示されるのでしょうか教えてください。

XHTML：http://love.meganebu.com/~twilight/question/index.html

CSS：http://love.meganebu.com/~twilight/question/mainstyle.css

回答No.1

ebiku · ベストアンサー

このあたりのサイトが参考になるかと。
http://www.tagindex.com/stylesheet/link/text_decoration.html

回答No.3

shinkun0114

・アンカーの下線を消すには
　a { text-decoration: none; }

・マウスオーバー時は、
　a:hover{text-decoration: underline}

したがって、
a:link {color: #bf5400;border-bottom: 0; text-decoration: none;}
a:visited {color: #a67e4e;border-bottom: 0; text-decoration: none;}
a:hover {color: #ec9800;border-bottom: 1px #ec9800 solid; text-decoration: underline; }

これでよろしいかと。

回答No.2

sanjihhhh

指定の仕方がちょっと違う。

text-decoration: none;
と
text-decoration: underline;

http://www.htmq.com/style/text-decoration.shtml