優先順位
計算式を発見！
優先順位
記述場所
タグの Style 属性 ＞ .html ファイルに直書きの CSS ＞ 外部 CSS ファイル
指定はどんどん上書きされていくから
要は、読み込む順序の問題である。
固有度
また、アプローチの仕方が異なって被る指定があった場合は
より固有度の高い指定が優先される。
id ＞ class ＞ タグ
- <div id="hoge" class="moge">無茶な爺！</div>
- div {
- color: #ff0000;
- }
- #hoge {
- color: #00ff00;
- }
- .moge {
- color: #0000ff;
- }
この場合、「無茶な爺！」という文字は、緑文字になる。
計算式
という風にザックリとイメージをしていたけど、計算式なるものを発見したので、メモ。
Qiita：CSSセレクタの優先順位の計算方法