CSS, リンクの色を一部変えるには？

全体にこちらを指定してまして

a { text-decoration: none; color: #0099ff; }
a:hover { text-decoration: none; color: pink; }

一部だけ緑色にしたいのですが

.green a { text-decoration: none; color: green; }
.green a:hover { text-decoration: none; color: black; }

<a href="http://www.google.co.jp" class="green">Google</a>

こうすると変わりません。。。

どなたかご存知でしょうか？

No.2 ベストアンサー 回答者： steel_gray 回答日時： 2006/09/01 15:48

ある程度の範囲を対象にするなら#1さんの回答のように

class付きの要素で加工と便利。

質問のようにアンカーにclassを付けて区別するなら
a.green {～}
a.green:hover {～}
と、します。

この回答へのお礼

うまくいきました。　知ってみると簡単ですね！
ありがとうございました！！

お礼日時：2006/09/02 21:08

No.1 回答者： asahina02 回答日時： 2006/09/01 14:49

<span class="green">

<a href="">xxx</a>
</span>

.green a { text-decoration: none; color: green; }
これの意味は
greenというclassが設定されたタグの中にある a のスタイル
ってな感じの意味になるかと

この回答へのお礼

.green a と a .green が違うとは勉強になりました。
ありがとうございます！！

お礼日時：2006/09/02 21:09