見出しタグhxのリンク色(a)の変更について 知識Z(ゼータ)

トップページ> 見出しタグhxのリンク色(a)の変更について

見出しタグhxのリンク色(a)の変更について

Date:2008/12/19
Category: HTML


SEOにも有効なH1、H2、H3・・・などの見出しタグは、デフォルトでは文字が大きすぎたりして、デザインに合わないなどの理由から、CSSでレイアウトを変更して使うことも多いかと思います。

しかし、そこで問題が・・・

私の勉強不足なのですが、、、「hxタグにリンクをした場合、どうしてもリンク色が変更できない!」という現象に頭を悩ませてしまいました。(^_^;)

HTML <h2><a href="http://xxx.xxx.xxx.jp">見出し2</a></h2>
CSS h2 a{ color:red; text-decoration:none; }

こんな感じで記述。

が、しかしtext-decoration設定は反映されるもの、colorが全く反映されない。さて、なぜだろう。。。

そこで、こんな設定にしてみました。

HTML <div id="midasi"> <h2><a href="http://xxx.xxx.xxx.jp">見出し2</a></h2> </div>
CSS #midasi h2 a{ color:red; text-decoration:none; }
そうすると、無事colorも反映されました(^_^;)
HTMLとCSSは基本中の基本ですが、ときどきウッカリさせられます。


見出し タグ hx の関連記事

コメント

No comments yet

コメントする




次項 【Nucleus】Nucleusアカウント新規作成の方法【createaccount】
前項 スコット・マーフィー【アメリカ人J-POPシンガー】

知識Z(ゼータ)トップへ
モッピー | お金がたまるポイントサイト
About Us

知識Z(ゼータ)は違法性のあるコンテンツ、不適切な表現の含まれるコンテンツを一切を排除した安心安全な総合優良コンテンツサイトを目指しています。細心の注意を払っておりますが、万が一、不適切なコンテンツ等がございましたら、ご一報ください。ご意見・ご連絡

当サイトは、月額1,050円で高機能・安心レンタルサーバーの【XSERVER(エックスサーバー) 】にて運営させていただいております。いつも大変ありがとうございます。

Calendar
<   2008-12   >
 123456
78910111213
14151617181920
21222324252627
28293031   

Amazon.co.jp
What's New
タグ
オンラインデータ
訪問者数:3 人
投稿記事数:283 件
09162916