- ベストアンサー
ＣＳＳでリンク色の指定を、まとめて記述は出来る？
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
関連するQ&A
- 外部CSSでリンクカラー指定
外部CSSでwebサイトを作っています。 リンクカラーの指定をbody全体にしているのですが、 フッターだけ色を変えることはできますか？ その際フォントカラーも変えられればと思っています。 現在のCSSは a{/*リンクされた文字*/ color:#002AD1; font-style:normal; text-decoration:underline; } a:link {/*未訪問のリンク*/ color:0000ff; font-style:normal; text-decoration:underline; } a:visited {/*訪問後のリンク*/ color:#002AD1; text-decoration:underline; } a:hover {/*マウスをのせたとき*/ color:#335BFF; font-style:normal; text-decoration:underline; } a:active {/*クリック中*/ text-decoration:none; } 現在サイト全体のフォントカラーはグレーで、 リンクは上記の通り青系です。 footerは白から濃い紺の帯にするので、 文言やリンクが見えなくなってしまうのです。 フッターのCSSに個別にカラー指定しても変わりません。 .footer { border : none; width : 838px; heigth : 100%; text-align: left; padding : 0px 0px 0px 20px; color: #ffffff; ←このようにフォントを白にしても変化がないです line-height: 160%; font-size: 11px; } 何が原因でしょうか？ またそのようにする方法があれば教えてください。 よろしくお願いいたします。
- ベストアンサー
- CSS
- クラスを指定して訪問前のリンクに色を付けるには？
a.a_Link{ color: red; } これで、class="a_Link"と指定したリンクは赤になりますが 訪問後も赤のままです。 なので訪問前のみ赤にしたいのですが やり方がわかりません。 http://www.tagindex.com/stylesheet/link/color.html によると a:visited { color: #000080; } … 訪問済みのリンク が訪問済みのリンクのようなので、 visited を使えばいいと思うのですが、 a_Linkとvisitedをどう組み合わせればいいのでしょうか？
- ベストアンサー
- HTML
- CSS：リンクにカーソルを合わせたときに文字の色が変わらない
CSSでリンクする文字をカーソルが上に乗ったとき、文字の色を赤、下線を無くすようにしようと思ったのですが、下線部は消えるのですが文字が赤くなりません。 これを解決する方法はないでしょうか？ a:hover {color: red; text-decoration: none} 回答よろしくお願いします。
- ベストアンサー
- HTML
- CSSでのリンク色の変更で
HPのリンク色(a:link)の色をa:link{color:#ffffff;}(色は例です)で変えたんですが、 何故か色が反映されず、デフォルトの青色で表示されてしまいます。 ・hover、active、visitedも同じように変更しているが、そっちは反映されている ・リンクの色を変えようとするページにcss(仮にAとB)ファイルを２つ使っている ・Aではリンクに関する設定は記述してない。またAを省いても変わらない ・Bのリンク以外の指定を消しても同じ ・そもそも青色で設定している文字がない ・HTML文にも色変えの記述はない ・ブラウザ指定もしていない 何度自分で見直しても全く分からないのでお願いします
- ベストアンサー
- 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
- jQuery: if文によるcss判定
こんにちは、 <p style="color:red;">テスト</p> $(function(){ $("p").click(function(){ if($(this).css("color")=="red"){ $(this).css("color", "blue"); }else{ $(this).css("color", "red"); } }); }); 以上のように、文字色が赤だった場合には青に、赤以外であった場合は赤に、というif文を記述しても機能しませんでした。=="red" の部分を !="red" とすると、文字色が変化するので、デフォルトの文字色が赤と判定されていないようです。色指定を16進数やrgb形式にしても結果は同じでした。p要素をクラスによる色指定(.red { color:red })に変更し、hasClass による条件分岐にした場合は、問題なく機能します。どうして上記が動作しないのか、どなたか教えて頂けませんか。よろしくお願いします。
- ベストアンサー
- JavaScript
- ユーザースタイルシートのドメイン指定の記述
こんにちは。 ユーザースタイルシートのドメイン指定の記述について分からなく困っています。 私は、ＩＥで表示済みリンクを赤色にするように設定しています。これを特定のドメインだけに適用するようにしたいのですが、どう記述すれば良いのでしょうか？ 現状は、 :visited{color:red!important} とだけ記述してIE.cssとして保存しており、全てのドメインに適用されてしまっています。
- 締切済み
- CSS
- ＣＳＳでのリンク色の優先順位を教えて。
<div class="t1"> <div class="t2"> aaa </div> </div> .t2 {color:orange;} .t1 {color:green;} 上記の様なプログラムの場合は、「aaa」はオレンジ色になります。 <div class="t1"> <div class="t2"> <a href="#">aaa</a> </div> </div> .t2 a{color:orange;} .t1 a{color:green;} 上記の様に、<a>タグでリンクをつけた場合は、「aaa」は緑色になります。 リンクの無い文字列の場合は、内側のclassが優先される。 リンクが有る文字列の場合は、ＣＳＳで下に記述した方が優先される。 この様な解釈で良いですか？ http://creativememomemo.com/css_a_link_color/ 上記のサイトの内容は大体理解しています。 しかし、上記のサイトの結論では、内側のclassが優先になる様に思います。 私のどこに勘違いがあるのでしょうか？
- 締切済み
- CSS
- css 上から色を重ねるのはよくない？
CSSで a{ color:gray;} a:visited { color:red; } こうしてるのですが、 理由としては まずすべてのリンクに灰色を付けて、 その後、訪問済みのリンクを赤にしてます。 でもそうすると、 グーグルクロームでソースを見た際に 画像の様になります。 訪問済みのリンクは まず最初に灰色にして、上から赤を重ねていますが こういうやり方はよいのでしょうか？ 訪問済みのリンクに色を付けるのなら まずすべてのリンクに色を付けるのではなく 訪問前のリンクに色を付け、 訪問済みのリンクに色を付けたほうが良いのですか？
- ベストアンサー
- CSS
- cssファイル上で、リンクを飛ばしている文字に、hoverで色指定して
cssファイル上で、リンクを飛ばしている文字に、hoverで色指定して、マウスオーバーすると色が変わるようにしているのですが、1度は解決されたのに、またhoverしなくなりました。マウスをのせても色が変わらないのです！"{"もれなどはありません。。。 少ない情報ですが、考えられる原因を、どなたか教えていただけますか？ しかも、フッター部分のリンクをとばしている文字もhoverさせているのですが、ときどき指定の色ではなく、青になってしまっています。でもいつもじゃないんです。 よろしくお願いします！ありがとうございます！
- 締切済み
- その他（プログラミング・開発）
お礼
問題が解決しました。 アドバイス有賀とございます。