CSSが反映されない理由と対処法(!important)自分用の覚え書き

CSSのスタイルシートの優先度

同一スタイルシート内でのルール

基本は下に書いたスタイル
タイプセレクタ<classセレクタ<親要素+タイプセレクタ<idセレクタ

上に書いたスタイルが優先される場合

理由1
下にあるのがタイプセレクタで、上にあるのが class セレクタの場合。classセレクタ>タイプセレクタなのでclassが優先されます。

対処法 は下のタイプセレクタにも !important をつければいいのかな? 未確認。

理由2
上にあるセレクタに !important がついている。!important がつくセレクタは最優先されます。

対処法 は私はわかりません。

スタイルシートごとの優先順位

サイトデフォルトのスタイルシート<ユーザーのスタイルシート<ページ作者のスタイルシート

私たちがユーザースタイルシートを書き換えても、いっこうに改善されない(反応しない)場合もあります。


理由1
サイト側で最終的にCSSの上書きが入るシステムになっている。

対処法  はユーザースタイルシートの希望のセレクタに!important をつければ優先されます。

付け方

「プロパティ: 値」ごとに半角スペースで区切り !important で指定。