見出しタグhxのリンク色(a)の変更について
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; }
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も反映されました(^_^;)CSS #midasi h2 a{ color:red; text-decoration:none; }
HTMLとCSSは基本中の基本ですが、ときどきウッカリさせられます。
見出し タグ hx の関連記事
コメント
No comments yet
コメントする
次項 【Nucleus】Nucleusアカウント新規作成の方法【createaccount】
前項 スコット・マーフィー【アメリカ人J-POPシンガー】
▲知識Z(ゼータ)トップへ