CSS基礎 練習問題 28：CSSの適用優先順位（カスケードと詳細度）
同じ要素に対してCSSの詳細度（specificity）が同じ複数のルールが競合した場合の適用ルールとして、正しいものはどれか。
- CSSでは、後に記述されたルールが優先される
- アルファベット順で先に来るプロパティ名が優先される
- 常にIDセレクタを使ったルールが優先される
- 常に最初に記述されたルールが優先される
- 常にクラスセレクタを使ったルールが優先される
正解と解説を見る
正解：CSSでは、後に記述されたルールが優先される
詳細度が同じ場合、CSSは「カスケード（＝複数の規則が競合したときにどれを適用するか決める仕組み）」の原則に基づき、後から書かれたルールが先に書かれたルールを上書きします。
【正解の理由】
CSSでは詳細度が等しい複数のルールが同じプロパティに適用される場合、ソースコード上で後に記述されたルールが優先して適用されます。
【不正解の理由】
• 「アルファベット順で先に来るプロパティ名が優先される」：CSSの優先順位はプロパティ名のアルファベット順とは無関係
• 「常にIDセレクタを使ったルールが優先される」：この設問はIDセレクタ同士など詳細度が同じ場合の話であり、詳細度が異なる場合の話ではない
• 「常に最初に記述されたルールが優先される」：実際は逆で、後に記述されたルールが優先される
• 「常にクラスセレクタを使ったルールが優先される」：詳細度が同じ状況を前提としているため、セレクタの種類による優先は当てはまらない