スタイルの優先順位
スタイルの優先順位
- !important宣言 (「プロパティ: 値」の後に半角スペースで区切った後ろに指定する)
最強!・・・なので、何かしらの理由がないと使用しない - インライン指定 (HTMLタグの中にスタイル指定)
- IDセレクタ
- Classセレクタ(疑似クラスを含む)
- タイプ(要素)セレクタ(疑似要素を含む)
- 上記3~5までは、点数化する
- IDセレクタ:100点
- Classセレクタ:10点
- タイプセレクタ:1点
- 複数の条件でセレクタを指定した場合は、加算する。ただし、繰り上がりはしない。
点数を多い方が優先順位が高くなる。