リンクを押した時のアンダーラインを消す方法

Question

リンクを押した時のアンダーラインを消す方法を
http://www.1uphp.com/con1/link/link-underbernone.html
このサイト様の通りに試してみたのですが上手くいきません。

原因は、このサイトのやり方によるとstyle要素に a { text-decoration:none;}というコードを記述するはずなのですが、

<style type="text/css">
  a { text-decoration:none;}
</style>

私のhtmlファイルには、style要素ではなく、typeをlink要素で書いているので、上手くいかなかったのだと思うのですが、
質問は、type指定にどちらを使えばいいでしょうか？

<link rel="stylesheet" type="text/ css" href="アイウエオ" >

##結果
私のHTMLファイルでは、CSSの適用の仕方を、<link rel=stylesheet...>
とし、外部ファイルと関連付けをしているので、
.a { text-decoration:none}
のコードをCSSファイルに記述すれば,
クリックした時のアンダーラインを消すことができる。

Answer 1

そのサイトに書いてあるのは、「リンクのアンダーラインを消す方法」なので、違います。
「リンクを押した時のアンダーラインを消す方法」は、

 a:active { text-decoration:none;}

です。

後半は何を言ってるのか分かりませんが、他の指定と競合すると言うことなら、!importantを付けます。

 a:active { text-decoration:none !important;}

Comments

[NamaKori]

type="text/css" を指定するのにいくつか方法があるというのですか？
また、!import を付けることでどのような効果があるのでしょうか？

[otn]

> type="text/css" を指定するのにいくつか方法があるというのですか？
質問の意味がよく分かりません。
> また、!import を付けることでどのような効果があるのでしょうか？
この指定があると優先されます。

[NamaKori]

<link rel="stylesheet" type="text/ css" href="アイウエ" >
<style type="text/css">
確認したいのですが、
この二つのコードは、それぞれ何を表しているのでしょうか？

[otn]

上のは、"アイウエ" というファイルを読み込んで、そこにCSSが書いてあると見なして解釈する。
下のは、<style>～</style>に囲まれた部分の記述をCSSと見なして解釈する。

まず、CSSの基本を勉強した方が良いと思います。

[NamaKori]

初歩的なことを質問してすいませんでした。
言われたら思い出せる程度しか頭に入っていなかったのですね。

ありがとうございました。