CSSのスタイルシートの優先度
同一スタイルシート内でのルール
基本は下に書いたスタイル
タイプセレクタ<classセレクタ<親要素+タイプセレクタ<idセレクタ
上に書いたスタイルが優先される場合
理由1
下にあるのがタイプセレクタで、上にあるのが class セレクタの場合。classセレクタ>タイプセレクタなのでclassが優先されます。
対処法 は下のタイプセレクタにも !important をつければいいのかな? 未確認。
理由2
上にあるセレクタに !important がついている。!important がつくセレクタは最優先されます。
対処法 は私はわかりません。
スタイルシートごとの優先順位
サイトデフォルトのスタイルシート<ユーザーのスタイルシート<ページ作者のスタイルシート
私たちがユーザースタイルシートを書き換えても、いっこうに改善されない(反応しない)場合もあります。
理由1
サイト側で最終的にCSSの上書きが入るシステムになっている。
対処法 はユーザースタイルシートの希望のセレクタに!important をつければ優先されます。
付け方
「プロパティ: 値」ごとに半角スペースで区切り !important で指定。