- ベストアンサー
クラスを指定して訪問前のリンクに色を付けるには？
Mee-meの回答
なぜaというリンクタグに「a_Link」をつけるのかはわかりませんが、a_Linkとvisitedとの組み合わせは「a.a_Link:visited{}」となります。
noname#217950
関連するQ&A
- 未訪問と訪問済みの色を指定-IEのみできない
外部スタイルシートにリンクの未訪問と訪問済みの色を指定しているのですが、 a:visited{color:#999999;} a:link{color:#ffffff;} WinのIEのみ未訪問も訪問済みも#999999になってしまいます。 FirefoxやSafariは問題ないのです。 この原因と対策をご教授ください。
- 締切済み
- HTML
- 特定の訪問済みリンクのみのスタイル指定
<a href="http://oshiete.goo.ne.jp/">教えて</a> というHTMLリンクがあるとします。 このaタグに対して、 A:visited{color:#000000;} のように通常訪問したリンクは黒文字で、というスタイルを書いたとします。 このHTMLに下記のようにクラスを指定して、 <a href="http://oshiete.goo.ne.jp/" class="futoji">教えて</a> このクラスがある訪問済みリンクだけ、太字にする、というスタイルは、どのように表記したらよいですか？ .futoji {font-weight: bold; } はわかりますが、訪問していない場合は太字にしたくないのです。 また、上記の表現ができる場合、太字でなおかつ色を灰色#999999にする、という指定はできますか？A:visited{color:#000000;}で指定してしまっているので、色に関してはやはり無理なのでしょうか。 条件； ・訪問前のリンクはクラス指定があってもなくてもどれも同じように見えて、 ・訪問後はクラス指定がないかぎり共通した色を指定し、 ・訪問後にクラス指定のあるリンクだけ、特定のスタイルや色を適用させたい お手数ですが、お分かりの方、おしえてください。よろしくお願いいたします。
- ベストアンサー
- CSS
- 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
- 訪問済みリンク色を設定したいが難易度高いです
以下のHTMLのハイパーリンクになってる文字列に対し、「訪問済みリンク色（a:visited）」だけ新たに設定したいです。 現在はすべて文字色は赤で、訪問済みリンクであっても色は赤のままです。それを訪問済みリンクなら青になるようにしたいです。 ブラウザの設定で変更する方法ではなく、CSSで変更したいです。 <body>タグの中は「一切いじれない状態」なので、<body>の外部に新たにcssを書き、そこから色を変更したいですが、ハイパーリンクの文字列は、タグの挟まれ方の種類が以下のとおり(5)種類あります・・・ <a>タグは、<a href="http://*" class="title">と<a href="http://*"> の(2)種類、 他にも<span>や<strong>の位置が違ってたりしますが、<body>の中はいじらずに訪問済みリンク色だけ変更することは可能でしょうか？ <body> <div class="blogbody"> <div class="text"> ■文字列(1) <li><span style="color: red"><a href="http://*"><strong><span style="color: red">文字列(1)</span></strong></a><strong>★</strong></span><span style="color: black">DATE</span></li> ■文字列(2) <li><a href="http://*" class="title"><strong><span style="color: red">文字列(2)</span></strong></a>DATE</li> ■文字列(3) <li><a href="http://*" class="title"><span style="color: red"><strong>文字列(3)</strong></span></a><span style="color: red"><strong>★</strong></span><span style="color: black">DATE</span></li> ■文字列(4) <li><a href="http://*"><span style="color: red"><strong>文字列(4)</strong></span></a><span style="color: red"><strong>★</strong></span><span style="color: black">DATE</span></li> ■文字列(5) <li><a href="http://*"><strong><span style="color: red">文字列(5)</span></strong></a>DATE</li> </div> </div> </body>
- ベストアンサー
- HTML
- css 上から色を重ねるのはよくない？
CSSで a{ color:gray;} a:visited { color:red; } こうしてるのですが、 理由としては まずすべてのリンクに灰色を付けて、 その後、訪問済みのリンクを赤にしてます。 でもそうすると、 グーグルクロームでソースを見た際に 画像の様になります。 訪問済みのリンクは まず最初に灰色にして、上から赤を重ねていますが こういうやり方はよいのでしょうか？ 訪問済みのリンクに色を付けるのなら まずすべてのリンクに色を付けるのではなく 訪問前のリンクに色を付け、 訪問済みのリンクに色を付けたほうが良いのですか？
- ベストアンサー
- CSS
- 文章によって違うリンクカラーの指定をするには
同じページ内で文章によって違うリンクカラーの指定はできるのでしょうか？ 現在外部の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
- テキストのアンカーリンクに、訪問済みリンクカラーが効かない
ｃｓｓで「リンクカラー」「訪問済みリンクカラー」を指定したのですが、アンカーリンクのみ「訪問済みリンクカラー」が適用されません。 リンク後は親ページが訪問済みの色に変わってしまいます。 アンカーリンクのテキスト部分のみ「訪問済みリンクカラー」にするには、どうしたらよいでしょうか。 ｃｓｓは外部をリンクしております。 ＨＰ制作は ・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; }
- ベストアンサー
- ネットトラブル
- ＣＳＳでリンク色の指定を、まとめて記述は出来る？
#footer {color:white;} #footer a { color:red; } 「フッターの文字色を白、フッター内のリンクは赤」と上記は指定しています。 この記述をまとめて１行で書く方法は有りますか？ #footer {color:white; a color:red;} 上記の様な記述を試しましたが、無理でした。 アドバイスをよろしくお願いします。
- ベストアンサー
- CSS
- 個別にハイパーリンクの色を指定するには？
例えば <body link="red"> とした場合、クリック前のリンクの色はすべて赤になりますが、ある特定のリンクのみ緑にしたい場合 どのようなタグを書けばいいのでしょうか？ <body link="red"> <a href="http://www.yahoo.co.jp/">test</a> </body> a要素に何を付け足せばいいか教えてください。
- ベストアンサー
- HTML
- css リンクの色が全部変わってしまう。
１、 css div#link a:link{#ff0000;} div#link a:visited{#999999;} と設定したリンクの行があるとします。 ひとつのリンクをクリックすると、全ての並んでいる、リンクがvisitedの色に変わってしまいます。 原因と直し方を教えてください。 ２、 また、firefox（IEもかもしれない）では一度visitedの色になるとブラウザを再起動しても、いつまでもvisitedの色のままです。 これは正常な動作なのでしょうか。 異常である場合の直し方を教えてください。 正常である場合、むやみにlink色とvisited色は違う色にしない方がよろしいということでしょうか。 回答お願いします。
- ベストアンサー
- CSS
お礼
ありがとうございました。