※ ChatGPTを利用し、要約された質問です（原文：スタイルシートでリンク色を）
スタイルシートでリンク色を変更する方法
このQ&Aのポイント
H1タグのテキストにリンクを貼ると、スタイルシートの4行目で指定された色が優先されてしまいます。しかし、スタイルシートを書き換えずにH1タグのテキストの色を変更する方法があります。
HTMLファイルが既に複数ページにわたって使用されている場合、個別にHTMLファイルを変更することは避けたいですよね。そこで、別の方法をご紹介します。
H1タグに設定されたスタイルを上書きするために、インラインスタイルを使用することができます。具体的には、H1タグのテキストを<span>タグで囲み、その<span>タグに対してインラインスタイルを指定します。
現在、以下のようなスタイルシートを外部スタイル
シートにして使っています。
H1 {COLOR: SILVER;}
TD {COLOR: INDIGO;}
TBODY {FONT-SIZE: 12px; LINE-HEIGHT: 18px;}
A {COLOR: #INDIGO; TEXT-DECORATION: none;}
A:hover {COLOR: DEEPPINK; TEXT-DECORATION: underline;}
A:active {COLOR: DEEPPINK; TEXT-DECORATION: underline;}
この場合で、H1タグを使用したテキストにリンクを
貼ると4行目のスタイルが優先されてしまい、テキス
ト色がINDIGOに変更されてしまいます。H1タグのテ
キストは、リンクの有無にかかわらず、SILVERにし
たいのですがスタイルシートを書き換えることで対応
できますでしょうか。
このスタイルシートを使用したHTMLファイルが既に
かなりのページ数になっていますので個別にHTMLファ
イルをいじるのは避けたいのです。どなたか解決法を
ご教示くださいませ。
よろしくお願い致します。
お礼
早速のご回答ありがとうございました。 教えていただいた通りに書き加えたところ、パーフェクトな結果がでました！ありがとうございました。とても助かりました。