ブログ用WordPressテーマ マテリアル

無料の割に高機能なブログ用WordPressテーマ マテリアルについての解説サイトです

Home » マテリアルの使い方 » cssで見出しの色を変えたいのに変わらない時の対処法

cssで見出しの色を変えたいのに変わらない時の対処法

time 2015/07/28

 マテリアルのh2見出しをカスタマイズする際には少し注意が必要です。

 結論から言うと、「!important」を使ってください。

sponsored link

マテリアルのh2見出し

 マテリアルではテーマカスタマイザーからメインカラーというのを選べるようになっていますが、このメインカラーがh2の背景色に自動的になるようになっています。

マテリアルのh3見出し

 同じくh3見出しはアンダーラインの色がメインカラーになります。

見出しの色を変えられない原因

 この見出しの背景色をcssで変更しようと思って、style.cssに

みたいに書いても、残念ながら色は変わりません。

 何故かと言うと、メインカラーをh2の背景色にする為のcssがheadタグ内に出力されていて、style.cssのような外部ファイルよりもheadタグ内に書かれたcssが優先されてしまうからです。

参考:CSSが効かないときの優先順位チェック(1)~記述箇所編

見出しの色を変更するには

 見出しの色を変更するには、!importantを使えばOKです。

 こんな感じです。色を変えたい方はやってみてください。

sponsored link

down

コメントする



CAPTCHA


更新情報

マテリアルの使い方

お役立ち情報

サーバー関連

信頼できるサーバー第1位

管理人

Nobuo_CREATE

Nobuo_CREATE

WordPressテーマPrincipleを作ったり、Androidアプリを作ったり、Java入門サイトを作ったり、本を書いたりしています。どうぞよろしく。