livedoor ナレッジ

その他にリンクさせる文章ごとにリンク色を変更する事も可能です。通常はリンクしている文章の色は青だけど、この文章だけは赤色でリンク表示させたい時などは、そのリンクさせた文章の前後を <div> で囲み、CSS にそれの指示を書き込んでおきます。こんな感じです。↓

<div class="link-aka">
<a href="http:///・・・・">この文章は赤色にしたい</a>
</div>

そして CSS の中に、こう書き込みます。

.link-aka a{color:#・・・・・・;}
.link-aka a:link{color:#・・・・・・;}
.link-aka a:visited{color:#・・・・・・;}
.link-aka a:active{color:#・・・・・・;}
.link-aka a:hover{color:#・・・・・・;text-decoration:none;}

これで、その文章だけ赤色に個別リンク表示されます。

>>#1.
AQさんの遣り方で、CSSを更新しました
過去の記事については意図どおりに変更できたのですが、新規で記事を書き込んだものについて反映されないのですが・・・
どうしてでしょうか？

>>#2　あつさん
まず、どの方法でやりましたか？
回答欄 >>2 に記載した方法ですか？
それのどっちの方法ですか？ 上？、下？
それとも、コメント欄 >>#1 の方法ですか？

過去の記事に反映して、新規の記事に反映しない？
はて？ " 全て再構築 " を、かけてもらえますでしょうか。
それから、現状を教えください。

AQさん
度々すいません
説明が足りませんでしたね　m(*- -*)m
>>2の下の方法でCSSを変更しました
今朝、このリンクに対するCSSを追加して、昨日までの記事には全て反映されたのですが、その後で今日の記事を書いて更新したところ、昨日までの記事には相変わらず反映されるのですが、今日の新規記事に対して反映されません
“全て再構築”をしても同様です
お手数をお掛けして申し訳ありません・・・

AQさん

なお、追加したCSSは以下の通りです


.main,.mainmore{ }

        .main a{}
        .main a:link{color:#ffcc00;text-decoration:none;}
        .main a:visited{color:#ffffff;}
        .main a:active{color:#ffffff;}
        .main a:hover{color:#ffffff;text-decoration:none;}

        .mainmore a{}
        .mainmore a:link{color:#ffcc00;text-decoration:none;}
        .mainmore a:visited{color:#ffffff;}
        .mainmore a:active{color:#ffffff;}
        .mainmore a:hover{color:#ffffff;text-decoration:none;}

>>#5
あ～わかりました意味が (^^)
過去の記事の文章中のリンクは、『 #ffcc00; 』 つまり黄色のリンクなのに、最新の記事のリンクは 『 #ffffff; 』 つまり白色だ～ って言いたいんじゃないんですか？ ちがいます？

そりゃそうですよ。visited{color:#ffffff;} となっていますから、一度アクセスしたサイトへのリンクは 『 #ffffff; 』 つまり白色にテキストカラーは変化します。

過去記事のリンクはすでにキャッシュが解放されているので、黄色のまま。試しにクリックすると白に変化します。最新の記事のリンク、つまり 「knowledge」 へのリンクは、あつさんが何度もナレッジへアクセスしているから、visited{color:#ffffff;} つまりキャッシュが解放されるまでは、ずっと白色のままです。

CSS の記述は間違っていませんから、あとはカラー設定だけですね (^^)

>>1 やわらか最中さん

迅速な回答どうもありがとうございました
今後の参考にさせていただきます

＞あつさん
い～え。どういたしまして (^^)
また何かあったら一緒に頑張りましょう～
ベストありがとうございました。