※ ChatGPTを利用し、要約された質問です(原文:CSS 記事内link色変更方法)
CSS 記事内link色変更方法
このQ&Aのポイント
CSSで記事内だけのリンク、又はタグの色を変更する方法について解説します。
インターネット上で書かれている方法を試してもうまくいかない場合、末尾が違う可能性も考えられます。正しい箇所にスタイルシートを追加することで、記事内のリンクやタグの色を変更することができます。
ALINKは青、AVISITEDは紫、AHOVERとAACTIVEは灰色に設定します。具体的なコード例とともに、どの箇所に追加するかわかりやすく解説します。
当方全くの素人なんですが、現在のブログで共有テンプレートを使用しています。
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;}
お礼
全くの初心者(基本もわかっていない自分)には↓ 基本は、全体に適用すべきスタイルを必要最小限の詳細度で記述する。 a:link{} ついで、外側の親要素から色を指定する。 div.entry_body a:link{} さらに、段落中だけなら div.entry_body p a:link{} の情報はとてもわかりやすかったです。 また、firefoxとfirebugをインストールして使ってみましたが、これらもとても良いソフトですね! 忙しい時間を割いて、とてもためになる良い情報、参考を教えていただきありがとうございました。