• ベストアンサー

リンク文字の一部分だけフォントカラーを変えたいのですが

CSSでリンク文字のカラーを指定していますが、一部分のみリンク文字の色を変えたいと思っています。 そこで、 .whitelink a:link{color: #FFFFFF;} を外部CSSに記入し、 <TD class="whitelink">と埋め込みましたが、リンク文字の一部分のみが変更され、元の設定と混ざった状態になりました。 何が原因でそうなるのかが不明です。 またほかに、設定方法がありますでしょうか？ 教えていただければ助かります。

  • CSS
  • 回答数1
  • ありがとう数1

質問者が選んだベストアンサー

  • ベストアンサー
  • Kuppycat
  • ベストアンサー率50% (109/216)
回答No.1

a:visited などと混ざっていませんか？ 一度キャッシュをクリアして確認してみては。 こちらのIE6.0、Firefox1.5.0.6では問題ありませんでした。

white_catcat
質問者

お礼

ありがとうございます！ まさに、それでした（^^； 灯台下暗しとはこのことですね。 無事に解決いたしました。 ありがとうございました。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. CSS

関連するQ&A

  • リンクカラーが変わりません。

    外部CSSでリンクカラー設定したいのですがうまくできません。 最初からvisited設定カラーとなり、visitedはactive設定カラーで表示されてしまいます。（link設定カラーが適用されません。） 前回同じような質問をさせていただき、解決したと思ったのですが、作り直しているうちにまた解らなくなってしまいました。ページ自体は問題なくジャンプするのですが、どこが間違っているのでしょうか？ よろしくご指導お願い致します。 　[site] ├[contents] 　 │　 └ [index] 　 │　　 └ index.html │　　　　　 　 └[styles-site.css] 　　　　 └ navi.css index.html <html> <head>　 　　 　<link href="../../styles-site.css/navi.css" rel="stylesheet" type="text/css"> </head> <body> <div class="navi"> <div><a href="index.html">top</a></div> </div> </body> </html> .navi.css　　 　<style type="text/css"> <!-- .navi div { float:left; width:45px; text-align:center; } a:link { color:#ff9933 } a:visited { color:#cccccc } a:active { color:#0000f5 } a:hover { color:#009700 } -->　 　　 　

  • リンクのカラー

    教えてください。 リンク部の文字の色を変えようとすると、擬似クラスをつかって、次のようなコードで実現できるところまでは、わかります。 -----html----- <p class="sample"><a href="a.html">リンク</a></p> -----css----- .sample a:link { color: #FF0000; } ここで、<p>タグを使うと改行されてしまうため、<span>等の改行が入らないタグでリンク文字の色指定をしたいのですが、上手くいきません。 <span>じゃなくても良いのですが、改行が入らない、リンク文字の色指定の方法があれば、教えてください。

    • ベストアンサー
    • HTML
  • リンク文字について

    ビルダーのV9を使っています。 CSSでリンクのかかっている文字色の指定をしました。 A:link{color:#0000ff;text-decoration:none;} 編集画面で見ると色は青に変更されています。 しかし、プレビューで見ると文字は黒のままです。 考えられる原因について教えてください。 宜しくお願いします。

  • HTMLでテーブル内のリンクに色付けしたい。

    ＝＝ＨＴＭＬ <table class="class1"> <tr> <td class="class2"> <p> ああああああああああ <span class="class3"> <a href="xxx.html">別サイトへ</a> </span></br> </p> <p>あああああああああ</p> </td> </tr> </table> ＝＝ＣＳＳ td.class2 .class3 { /*ダウンロードの文字*/ text-align:right; /*行揃えの位置や、均等割付を指定*/ float:right; /*要素の左または右寄せを指定*/ color:#FF0009 /*文字の色を指定*/ } 部分抜粋でこんな感じのプログラムを書きました。 ＣＳＳの　text-align　と　float:right　はＨＴＭＬの『別サイトへ』の文字にかかってしっかり右端に寄ってくれます。 しかし文字の色が変化してくれません。 問題はリンクなので　 <a........>別サイトへ</a>　となっていて<a>の指定をＣＳＳ側でもやってあげないといけないのはわかっているのですがどう書けばいいのか分りません。 ・td.class2 a.class3 { ・td.class2.class3 a.class3 { ・.class2.class3 a.class3 { などで初めて td.class2 .class3 { /*ダウンロードの文字*/ text-align:right; /*行揃えの位置や、均等割付を指定*/ float:right; /*要素の左または右寄せを指定*/ } td.class2.class3 a.class3 { color:#FF0009 /*文字の色を指定*/ } などと書いたりしたのですが文字の色に変化がありません。 この場合どう書けば文字の色に変化をつけれるんでしょうか？

  • リンクだけが指定にない色になります。

    テキストの色を全体に統一したいのですが、リンク部分のみ指定にない色（青）になります。 <STYLE type="text/css"> <!-- a:hover { color:ffffff; } --> </style> <BODY TEXT="CC0033" VLINK="CC6666" ALINK="CC6666"> <A HREF="link.html "STYLE="TEXT-DECORATION:NONE;"> <FONT SIZE=-2>link</FONT></A> 直接リンク文字に色を指定すれば直るのですが、スタイルシートでマウスがリンクに触れた時色が変わるという設定が効かなくなるようです。この設定を外さず、任意の色に変える方法はありませんでしょうか。 そのようなサイトを知っている、でも構いません。どうかよろしくお願いいたします。 （powermacＧ4/OS9/IE5/NN4.7/Jedit4.0）

    • ベストアンサー
    • HTML
  • css特定の文字のリンク文字色指定

    教えてください。 一般的な文字の指定で a, a:link, a:visited { color: #333333; text-decoration: underline; ｝ というような指定をしますが、一部指定文字だけ 色を変えたり、アンダーラインの指定をする場合は どうすればよいのでしょうか？ たとえば、 .text{ color: #FFFFFF; } だけだと、visited は#333333になってしまうのですが #FFFFFFにしたい。という時の指定方法を教えてください

    • ベストアンサー
    • CSS
  • リンクをかけた文字がマウスをあてると動いてしまう

    文字にリンクをかけると、その文字にマウスをあてたら、その文字や隣の文字が改行されたように動いてしまいます。今まで経験のない現象なので、何が原因か分からなくって。アドバイスよろしくお願いします。 ページのスタイルシートへのリンクは、 <link rel="stylesheet" type="text/css" href="CSS/css1.css"> CSSというフォルダにcss1.cssを入れて読み出しています。 外部css1.cssのリンク設定は下記のような記述をしているのですが…。 a:link {color :#0000cc; text-decoration : none; } a:active {color :#000099; } a:hover { color: #ff0000; background-repeat : no-repeat; display: block; }

  • 文章によって違うリンクカラーの指定をするには

    同じページ内で文章によって違うリンクカラーの指定はできるのでしょうか？ 現在外部のCSSファイル内において下記の指定をしています。 a:link { color: #000000; text-decoration: none} a:active { color: #FF0000; text-decoration: none} a:visited { color: #000000; text-decoration: none} a:hover { color: #FF0000; text-decoration: none} これを文章によっては、a:linkとa:visited の色を別の色にしたいのですが、どのような方法がありますか？IDやclass指定を使えば可能なのでしょうか？アドバイスおねがいいたします。

    • ベストアンサー
    • HTML
  • cssでリンクをはった文字の色が変わらない

    前任者が作ったcssのファイルを使っています。私自身はhtmlは使えるのですが、cssは慣れていません。ひとつのページでリンクを張った文字が全部同じ色になってしまいます。 たとえば一部色を変えたいと思って <font color="#ffffff"><a href="aa.html">aa</a></font> というようにhtmlで色の指定をしても色が変わってくれません。リンクを張らない文字はきちんと色が変わってくれます。 全部のコードを書くことは長すぎかつどこがcssなのかわからないのでできませんが、そのような状況が一般的におこりうるのか？どのように対処するべきなのかご存知の方がおりましたら、よろしくお願いいたします。

  • テキストのアンカーリンクに、訪問済みリンクカラーが効かない

    ｃｓｓで「リンクカラー」「訪問済みリンクカラー」を指定したのですが、アンカーリンクのみ「訪問済みリンクカラー」が適用されません。 リンク後は親ページが訪問済みの色に変わってしまいます。 アンカーリンクのテキスト部分のみ「訪問済みリンクカラー」にするには、どうしたらよいでしょうか。 ｃｓｓは外部をリンクしております。 ＨＰ制作は ・windows XP ・dreamweaver8 現在、このように記述しております。 .sample { font-size: 12px; line-height: 22px; padding-left: 10px; color: #333333; } .sample a:link { color: #0000ff; } .sample a:visited { color: #810081; }

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する