• 締切済み

リンクの色が一部変化しない

cssでリンクの色の指定(hover・visited)をしたのですが、何故か2箇所だけ色が変化しません。ソースを見ても、他のリンク部分と全く同じ(<a>タグでくくってあるのみ)です。ちゃんとリンク先にも飛ぶのですが、何故マウスオーバーした時に2箇所だけ色が変わらないのか分かりません。リンク先がかなり古いサイトで、ひょっとしてそれが関係しているのかなと思ったのですが、飛ぶことは飛ぶので不具合点が分かりませんでした。解決方法をご存知の方、いらっしゃったら是非教えてください。宜しくお願い致します。

noname#46944
noname#46944

みんなの回答

  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.2

他の部分をとって、改善されないのであれば もっとも簡略化して状態でこの掲示板に乗せてみて ください。 そのソースをみれば回答できる人もいると思います。 今の情報だけでは概念的すぎて一向に解決の 糸口がみえません。

noname#46944
質問者

お礼

yambejp様、お礼が遅くなって申し訳ありません。言われた通りソースを簡略化した時点で原因が分かりました。もの凄く単純な事で、hoverとvisitedの色の指定が同一だった為、一度visitedした先とvisitedしてない先で、ロールオーバー時の色が違うという、かなり情けない事象でした。わざわざご回答頂いたのに、この様な結果で本当に申し訳ありません!本当に有難うございました。以後気をつけます。

  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.1

なんらかのclassかidをひきずって別のcssでつけた 属性がのっていると考えるのが妥当です。 よくみなおした上で、どうしてもわからなければ 他のIDやCLASSをとってみてデバッグしてみてください。

noname#46944
質問者

お礼

ご回答ありがとうございます。他の属性をひっぱっていないかと確認してみましたが、色がちゃんと変わるリンクと全く同じ属性を引き継いでいました。他のIDをとってデバックしてみても、色がちゃんと変わるリンク部分との差異がありませんでした。リンク部はコーディング面では全て同一の様です。コーディング面では同じなのに、リンク部の色が変わらないという点がおかしい様です。折角のご回答でしたのに、申し訳ありません。有難うございました。

関連するQ&A

  • cssファイル上で、リンクを飛ばしている文字に、hoverで色指定して

    cssファイル上で、リンクを飛ばしている文字に、hoverで色指定して、マウスオーバーすると色が変わるようにしているのですが、1度は解決されたのに、またhoverしなくなりました。マウスをのせても色が変わらないのです!"{"もれなどはありません。。。 少ない情報ですが、考えられる原因を、どなたか教えていただけますか? しかも、フッター部分のリンクをとばしている文字もhoverさせているのですが、ときどき指定の色ではなく、青になってしまっています。でもいつもじゃないんです。 よろしくお願いします!ありがとうございます!

  • Dreamweaverで2種類のlink設定(色など)をする方法を教えて下さい

    Dreamweaver MX 2004を使ってますが、 例えば、同じページで、a:link a:visited a:hoverなどをCSSで設定する場合、 その色・設定項目は、一種類しか設定できません。 この、a:link a:visited a:hoverなどを、もう一種類(例えば別の色とか) 違う設定をする方法が分かりません。 とても簡単な様で、なぜか昔から分かりません。(汗) CSSを使っても使わなくても良いのですが、 どなたか、a:link a:visited a:hoverを複数設定をする方法などあれば、 お教えくださいませ。よろしくお願い致します。

  • マウスオーバーでテキストの色を変えたい

    はじめまして。 よろしくお願いいたします。 一部テキストリンクのマウスオーバー時の色を変えたいんです。 CSSで a:link { color:#0000FF; } a:visited { color:#0000FF; } a:hover { color:#FF0000; } a:active { color:#0000FF; } と設定しています。 そして、一部だけは通常時白にして、マウスオーバー時を赤にしたいと思っています。 一部だけ変える方法が分かりません。 簡単なことかも知れませんがよろしくお願いいたします。

    • ベストアンサー
    • HTML
  • リンクの色を2色で使い分けたい

    はじめまして。 良かったらどなたか教えて下さい。 今、一枚のページを作っているのですが、背景色を"#ffffff"(白)とし、そのリンクを以下の様に指定しました。 <style type="text/css"> <!-- A { text-decoration: none} A:link {color:#000000;} A:visited {color:#ffffff;} A:hover {color:#ff6600;} --> </style> 「白地に黒文字リンク、オンマウス時はオレンジ」という指定です。 ところが、同じページ内でテーブルを組み、その背景を#000000と指定する事になりまして、その中にリンクを入れると、「黒字に黒文字リンク、オンマウス時はオレンジ」 でリンクの文字が見えなくなってしまいます。 hoverの効果(オンマウス時はオレンジ)の効果を残しつつ、リンク色を二色に分ける方法は無いでしょうか? (クラス指定の使い方がよく判ってないので、自分で指定するとエラーしか出ないのです)。 お忙しい所申し訳ございませんが、宜しくお願い致します。

    • ベストアンサー
    • HTML
  • css 文字の色

    cssでサイト全体を a:link{color:#33CCFF;} a:visited{color:#33CCFF;} a:hover{color:#FFCCFF;} a:active{color:#FFCCFF;} と先に色の指定していて、後からある一ページの一文の色(リンク指定されているもの)を別の色に変えたいのですが、色々やってもうまく色がつきません。 どうすればその一文(リンク指定されているもの)のみの色変更が可能になるのでしょうか?

  • ID for Web Lifeでリンク色をカスタマイズするには

    ID for Web Lifeで作ったHPのカスタマイズ方法について教えて下さい。 文字やリンクの色などの指定するために、 a:link {color:色; text-decoration:none } a:visited {color:色; text-decoration:none } a:hover {color:色; text-decoration:none } a:active {color:色; text-decoration:none } ↑このタグを入れましたが、デフォルト(link・visited/青色、hover/水色、active/赤色)のままです。 ページ毎に色を変えたいと思っているのですが。 ID for Web Lifeで作られたHPのソースを見ましたが分かりませんでした。 お分かりになる方、よろしくお願い致します。

    • ベストアンサー
    • HTML
  • テキストリンクの色を各クラスの設定を優先させたい

    cssの質問です。 h1、h2などのタグや、各クラスのテキストの色をスタイルシートで設定してあります。 このうちの一部のテキストにリンクを張ると、当然共通のリンクテキスト色に変わってしまいます。 テキストリンクを張っても、hoverで下線を表示させるだけで、各タグやクラスで設定したテキスト色を保持したいのですが、何か指定する方法はないでしょうか。 各タグやクラス毎にlink色や下線を指定するしかありませんか?

    • ベストアンサー
    • HTML
  • リンク文字変化のタグについて

    リンクを文字にマウスをあてた時のリンク文字変化のタグについて教えてください。 色々な文字変化があると思いますが上下にプルっと動くタイプのタグを探しています。 ↓これは[head]~[/head]の間に注入するタグのようなのですが <STYLE type="text/css"> <!-- A:HOVER{ position : relative; top:3px; left:3px;} A{text-decoration : none; } --> </STYLE> このように[head]~[/head]の間に挿入するタイプのものではなく 個別で指定するにはどのように記述すればいいでしょうか? ↓例えばコレは[head]~[/head]に入れて下線を消すタグですが <style type="text/css"> A{text-decoration:none;} </style> ↓こっちは個別に消す下線を消すタグです <a href="ページのアドレス" style="text-decoration:none"> リンクする文字</a> このようなに先ほどのタグの場合に個別に記述するやり方を教えてください。ヨロシクお願い致します。

  • リンクをクリックした際、一時的にそのリンクの色を変化させる方法

    iframeで2分割しているサイトで、左部がメニュー、右部がメニューのリンク先を表示する設定です。 左部のリンクをクリックし、右部にリンク先の内容が表示されている間、 メニュー側のクリックしたリンク部分の文字色を変更したままでおきたいのですが、javascriptで、できますでしょうか。 左メニュー側の他リンクをクリックしたら、新しいリンク部分の色が変化し、前にリンクした部分の色は 最初の状態に戻る、という設定を行いたいです。 CSSのvisitedだとクリックした後でしか指定できないため困っております。 よろしくお願い申し上げますm(_ _)m

  • 【stylus拡張機能】既リンクに色をつけたい

    Chromeでstylusという拡張機能を使って、 既リンクの場合に色をつけたい(CSSを上書きしたい)と思っています。 つけたいのがnoteというページの記事一覧で、HTMLは添付画像のような構造になっています 既リンクとなった際に色をかえたいのは、h3が指定されている「タイトル」の文字の色です。(もし無理なら「本文」) a:visited {color: #FFEEFF !important ;} a:visited h3 {color: #FFEEFF !important ;} a:visited div {color: #FFEEFF !important ;} a:visited div h3 {color: #FFEEFF !important ;} みたいな感じ指定してみたのですが、どの形でも、タイトルの文字色は変わりませんでした。(aタグとh3タグが別の層にあるから?) 他のサイトでは上手くいっているので、stylus自体は正常に動いていると思います。 CSSを理解しておらず、指定の仕方がおかしいからだと思うので、どのように指定したら良いか、分かる方居られましたら教えて頂けますでしょうか。 宜しくお願いいたします。

    • 締切済み
    • CSS