cssについての質問です。一つの記事内のタイトル(見出し)の下線を消したくて、a link {text-decoration: none;}などの記述をしましたが消えません。どのように記述をすれば消えますか?css初心者です。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2011/09/25 02:44:08
  • 終了:2011/09/25 03:54:51

ベストアンサー

id:a-kuma3 No.1

a-kuma3回答回数4621ベストアンサー獲得回数19562011/09/25 02:54:58

link を書かない。

a {
    text-decoration: none;
}

ひとつの a タグだけ狙って消すなら、クラスを指定するか、id を指定する方が良いです。

<style>
.no_underline {       /* クラスを指定 */
    text-decoration: none;
}
#no_underline_001 {   /* id を指定 */
    text-decoration: none;
}
</style>
<a href="..." class="no_underline">...</a>
<a href="..." id="no_underline_001">...</a>
  • id:tokyo-kyoto
    a-kuma3さま。
    できました! 分かりやすい説明ありがとうございました!
  • id:a-kuma3
    たいした説明もしてないのに、ベストアンサーをもらってしまったので、追加です (^^;


    CSS で、中括弧の前につける「どのタグに対して」というのを『セレクタ (selector)』と言います。

    質問にある空白で区切って指定した場合には「子孫セレクタ (Descendant selector)」と言って、
    要素の入れ子を指定してることになります。
    a link { ... }
    と書いた場合には、「a タグの内側にある link タグ」という指定になります。
    <a ...>
     <link ...>○○</link> <!-- ここを指し示す -->
    </a>

    もしかしたら、疑似クラスの記述を勘違いされたのかもしれません。
    コロンをつけた :link は、「まだ訪れたことが無い(リンク)」という意味を持ちます。
    デフォルトだと青い文字色になる a タグだけを指定する場合には、以下のように書きます。
    a:link { ... }

    他にもセレクタの表現はいろいろあります。
    http://msugai.fc2web.com/web/CSS/selector.html
    http://www.w3.org/TR/CSS2/selector.html
  • id:tokyo-kyoto
    a-kuma3さま。
    ありがとうございました^^

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません