人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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;}
でやってみましたがダメです。

●質問者: kator
●カテゴリ:ウェブ制作
✍キーワード::link COLOR hoge RED あい
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● stripafe
●35ポイント

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

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

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

.oubo a {color: #ff0000;}

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


2 ● ctrl-v
●35ポイント
.oubo a:link{color:red;}

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

    関連質問


    ●質問をもっと探す●



    0.人力検索はてなトップ
    8.このページを友達に紹介
    9.このページの先頭へ
    対応機種一覧
    お問い合わせ
    ヘルプ/お知らせ
    ログイン
    無料ユーザー登録
    はてなトップ