CSS
詳細度
読み方:しょうさいど
セレクタの優先順位を決める仕組み。id > class > タグ名 の順に強い。
やさしい説明
詳細度(しょうさいど)とは、CSSセレクタの優先順位を決める数値です。
IDセレクタ > クラスセレクタ > 要素セレクタ の順に優先されます。
具体例・使い方
要素セレクタ(p)→ 詳細度 0-0-1
クラスセレクタ(.card)→ 詳細度 0-1-0
IDセレクタ(#header)→ 詳細度 1-0-0
よくある疑問
Q: スタイルが効かないときは?
A: 開発者ツールで打ち消し線が入っているスタイルを確認しましょう。より詳細度の高いセレクタに上書きされている可能性があります。
関連用語
📖 関連レッスン
レッスンを見る →