• ベストアンサー

CSSでのリンク色の変更で

HPのリンク色(a:link)の色をa:link{color:#ffffff;}(色は例です)で変えたんですが、 何故か色が反映されず、デフォルトの青色で表示されてしまいます。 ・hover、active、visitedも同じように変更しているが、そっちは反映されている ・リンクの色を変えようとするページにcss(仮にAとB)ファイルを2つ使っている ・Aではリンクに関する設定は記述してない。またAを省いても変わらない ・Bのリンク以外の指定を消しても同じ ・そもそも青色で設定している文字がない ・HTML文にも色変えの記述はない ・ブラウザ指定もしていない 何度自分で見直しても全く分からないのでお願いします

  • HTML
  • 回答数2
  • ありがとう数2

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

  • ベストアンサー
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.2

≫・そもそも青色で設定している文字がない ≫・HTML文にも色変えの記述はない  これは、スタイルシートの優先順位でブラウザがもつスタイルシートが適用されるためです。 ≫・hover、active、visitedも同じように変更しているが、そっちは反映されている  ・hover、activeと、visitedは区別する必要があります。  :linkと:visitedはリンク擬似クラス ( http://www.y-adagio.com/public/standards/tr_css2/selector.html#link-pseudo-classes )で、:hover、:activeは動的擬似クラス ( http://www.y-adagio.com/public/standards/tr_css2/selector.html#dynamic-pseudo-classes )です。  :visitedが有効で、:linkは、リンク指定がして( href属性を持つ要素)あれば、同等に有効なはずです。:hover、:activeはともかく、:visitedが適用され:linkが適用されないということはありません。また、あくまで『HTML 4.0では, リンク擬似クラスは "href" 属性を有するA要素に適用される。』ですから、DOCUMENT TYPEが指定してある限り、href属性が指定されていないa要素には、【IEのみならず他のブラウザにも】適用されません。 以上のことから、  「:linkは反映しないが、:visitedは反映されている」  「aタグにhref属性を指定しないとIEでは効果が反映されません。」  は誤った情報だと思います。  私のIEでは、まったく問題ありません。しかし、詳細度が :linkの場合は、10 a:linkの場合は、20  ですが、他の場所で、#[一意属性]{color:blue;}(詳細度100)とか、body ol li{}(詳細度30)のような記述がある場合、または、ユーザースタイル(インターネットオプション→ユーザー補助)で指定している場合は、適用されないでしょう。  もう一度、詳しく調べて御覧なさい。

colores
質問者

お礼

やはり最初に作ったcssで何度書き直して試してみても、回答されている事を確認しても、linkは反映されないのにvisitedが反映されてしまうという状態でした 諦めて後日新たなcssファイルを作って(記述文は変わりません)そちらをリンクさせたところ何故かうまく作動したのでそっちを使っています。 全く、何が悪かったのか…… 兎も角問題のほうは解決したし、勉強になったのでお二方ともありがとうございました

その他の回答 (1)

noname#83877
noname#83877
回答No.1

aタグにhref属性を指定しないとIEでは効果が反映されません。

関連するQ&A

  • CSSでリンク色を設定したさいFireFoxで反映されません。

    FC2無料レンタルでホームページを作っているのですが、 <STYLE TYPE="text/css"> <!-- a:link { color: #000000; } a:visited { color: #000000; } a:hover { color: #CCFF66; } a:active { color: #CCFF66; } --> </STYLE> のCSSタグを使って、リンクした際の色を指定しています。 IE8.0でページを確認した際には、きちんと反映されているのですが、 FireFoxで確認すると、リンクが青色のままで、設定が反映されません。 (オンマウスのときの変更色のみ反映されています。) リンクする際は、aaa/aaa.htmlのような略した記述をしています。 一度リンクをクリックすると、設定が反映され、しばらくは有効なのですが、数日して、同じことをすると、また青色リンクに戻っています。 何か原因が分かる方いらしたら、教えて頂けると嬉しいです。 (URLを省略していない、もしくは同じディレクトリ内のページに省略した記述でリンクする際は、きちんと設定が反映されているようです。 これが、FireFoxの特徴なのか、こちらのPCの問題なのか、 分かりません。省略したURLは、使わないのが基本なんでしょうか…? 出来るなら、省略したURLを使いたいと思っています。)

  • css リンクの色が全部変わってしまう。

    1、 css div#link a:link{#ff0000;} div#link a:visited{#999999;} と設定したリンクの行があるとします。 ひとつのリンクをクリックすると、全ての並んでいる、リンクがvisitedの色に変わってしまいます。 原因と直し方を教えてください。 2、 また、firefox(IEもかもしれない)では一度visitedの色になるとブラウザを再起動しても、いつまでもvisitedの色のままです。 これは正常な動作なのでしょうか。 異常である場合の直し方を教えてください。 正常である場合、むやみにlink色とvisited色は違う色にしない方がよろしいということでしょうか。 回答お願いします。

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

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

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

    テキストの色を全体に統一したいのですが、リンク部分のみ指定にない色(青)になります。 <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> 直接リンク文字に色を指定すれば直るのですが、スタイルシートでマウスがリンクに触れた時色が変わるという設定が効かなくなるようです。この設定を外さず、任意の色に変える方法はありませんでしょうか。 そのようなサイトを知っている、でも構いません。どうかよろしくお願いいたします。 (powermacG4/OS9/IE5/NN4.7/Jedit4.0)

    • ベストアンサー
    • HTML
  • 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を複数設定をする方法などあれば、 お教えくださいませ。よろしくお願い致します。

  • リンクの色を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
  • リンク色の取得方法

    ページ全体のリンク色を取得するためには、documentオブジェクトの、linkColor,linkColor,vlinkColorプロパティを参照すれば良いですが、cssを使って部分的にリンク色が設定されている場合の取得方法がわかりません。 このように部分的に適用されているオブジェクトのリンク色(a:link、a:visited、a:hover、a:active)を取得する方法を教えていただきたいと思います。

  • CSSの添削をお願いします。リンク色が反映しません

    閲覧ありがとうございます。下記CSSの 「.CLASS li a:link,a:visited{ color:red; text-decoration:none;」 の部分が反映されず、ブラウザの標準設定のままになってしまいます。 本来のstyleの全文はbodyや他のクラスの記述もしているのですが、それらが影響しているわけではないことを確認してあります。 <style> .CLASS ul{ padding:0; } .CLASS li{ border-top: solid pink 1px; list-style-type: none; } .CLASS li a:link,a:visited{ color:red; text-decoration:none; background-color:lightgray; display: block; } .CLASS li a:hover { background-color:gray; } </style> <div class="CLASS"> <ul> <li> <a href=""> 反映されてない…リンク文字色red、デコレーションnone</a> </li> <li> <a href="">反映されてる…リンク背景色lightgray、ホバー背景色gray</a> </li> </ul> </div> 宜しくお願いします

    • 締切済み
    • CSS
  • スタイルシートで一部分だけ リンクの色を変えたい

    CSSでリンクの色をかえるのにa:link{} a:visited{} などを使っています。別の場所にCSSファイルを作って使っています。 ページに多数存在するリンクのうち、一部分だけ色を変えたいときはどうすればいいでしょうか? <divc class=""></div>などでは無理ですよね body内に直接記述するしかないのでしょうか?

    • ベストアンサー
    • HTML
  • CSS 記事内link色変更方法

    当方全くの素人なんですが、現在のブログで共有テンプレートを使用しています。 CSSで記事内だけのリンク、又はタグの色を変更したいのですが、 下記の部分をさわっても、記事内だけでなく、すべてのリンクに反映されてしまい困っています… いろいろインターネット上で書かれている事にはトライしてみたのですが、 全然できません。 「スタイルシートの末尾にこれこれを入力してください」などもやってみましたが、無理です。 自分はここが末尾だと思っているけど、実はそこが末尾ではないのかもしれません… どなたか、どこにどのように入力すれば良いのか、わかりやすくおしえていただけないでしょうか?! よろしくお願いします。 PS・リンク・タグの希望色は    ALINK 青     AVISITED 紫    AHOVERとAACTIVEは灰色希望です。 /* Hyper text ------------------------------------------------- */ a { text-decoration: none; /*\*/ overflow: hidden; /* for Fx */ /**/} a:link { color: #0000ff; ext-decoration: none;} a:visited {color: #cc0099; text-decoration: none;} a:focus, a:hover, a:active {color: #3399cc; text-decoration: none;} h1 a:link, h1 a:visited, .entry_header a:link, .entry_header a:visited {color: #603813; text-decoration: none;} h1 a:focus, h1 a:hover, h1 a:active, .entry_header a:focus, .entry_header a:hover, .entry_header a:active {color: #603813; text-decoration: underline;}

    • ベストアンサー
    • CSS

専門家に質問してみよう