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/20 03:40:02
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

回答2件)

id:stripafe No.1

回答回数35ベストアンサー獲得回数6

ポイント35pt

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

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

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

.oubo a {color: #ff0000;}

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

id:ctrl-v No.2

回答回数289ベストアンサー獲得回数15

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

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

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

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

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

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

    回答リクエストを送信したユーザーはいません