HTMLが、

<li class="oubo"><a href="http://">あああああ</a>いいいいいいいいいいいいいいいいい</li>
で、
CSSで
a:link{color:#0000FF;text-decoration:none;}
.oubo{color:red;}
としてあるとします。

このようなHTMLの「あああああ」文字の部分のみを赤い字にしたい場合はどうしたらいいでしょうか?

このページ内の他の部分にも<a href="http://"></a>が使われているので、
a:link{color:#0000FF;text-decoration:none;}はそのままにしたいのです。

今の状態ですと、<li class="oubo">で赤い字に設定してあるのですが、<a href="http://"></a>を付けた為に「あああああ」の部分は青い字で表示されてしまいます。

HTML
<li class="oubo"><a href="http://" class="hoge">あああああ</a>いいいいいいいいいいいいいいいいい</li>

CSS
a.hoge:link{color:red;}
でやってみましたがダメです。

回答の条件
  • 1人2回まで
  • 登録:2008/09/13 03:38:49
  • 終了:2008/09/20 03:40:02

回答(2件)

id:stripafe No.1

stripafe回答回数35ベストアンサー獲得回数62008/09/13 04:08:56

ポイント35pt

> 「あああああ」文字の部分のみを赤い字にしたい場合はどうしたらいいでしょうか?

という部分がよくわからないのですが、.oubo の色を赤くしているので、「のみ」赤くなるわけではなく、li の中の文字全部が赤くなっていいんですよね?

もしそれで間違いなければ、以下を試してみて下さい。

.oubo a {color: #ff0000;}

リンク以外の文字を別の色にしたければ、.oubo のスタイル指定を変更して別の色にして下さい。

id:ctrl-v No.2

ctrl-v回答回数289ベストアンサー獲得回数152008/09/13 04:37:30

ポイント35pt
.oubo a:link{color:red;}

  • あああああいいいいいいいいいいいいいいいいい
  • のままリンク部分が赤く表示されます。

    コメントはまだありません

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

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

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

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