[CSS]スタイルの優先順位

CSSのClassを設定していたら、反映されないなと思って今更優先順位色々合ったんだなと知りました。
デザイン担当じゃないので、そこはご愛嬌ですかね。

CSS(Style)の優先順位

Styleの優先順位の基本

Styleの優先順位の基本は、後から読み込まれたものです。
Styleタグが最後に読み込まれているなら、そのClassが最優先のClassです。

文字の色は何?

青色の文字になっているかと思います。
上書きされているのがわかります。

読み込み順ではない優先度になる場合

Styleの優先度ですが、タグが指定されている場合は優先度が変わります。

上記のようなStyleで

のようにすると以下のようになります。

文字の色は何?

でも、色を変えた時があるかと思います。
その場合は、「!important」を指定して、優先度をあげます。

上記のようなStyleで

のようにすると以下のようになります。

文字の色は何?

これで、CSSフレームワークなどを利用しているときに、スタイルを好みのものに書き換えることが出来ますね。

CSSフレームワーク

個人的に使ってたりしたCSSフレームワークです。

あわせて読みたい

コメントを残す

Translate »
%d人のブロガーが「いいね」をつけました。