カテゴリー
Software

CSS2.1 詳細度 どのStyleが優先されるのか

CSSにはどのCSSが優先されるか というお話 ク…

CSSにはどのCSSが優先されるか というお話

クラスよりもIDが偉い

なんとなくは聞いたことあったけど、いまいち理解してませんでしたが、先日要約して教えてもらったのでメモ

・CSSは詳細度の高いものが適用される

・詳細度とは IDの数*100 + クラスの数*10 + 要素の数*1 という計算式で求められる

・style属性で書いた場合は1000点で無敵
※実際にはいろいろと例外とか、細かい話とかがあります。CSS2.1の仕様書をみてください

だそうです。

例〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
<style type="text/css">
<!–
#test1 {
font-size: 16px;
}
.test2 {
color: #F00;
}
–>
</style>
</head>
<body id="test1">
<h1 class="test2" style="color:#00F">あいうえおりばば</h1>
</body>
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
この場合、文字は青

詳しくは 河内君の書籍に書いてあるので買って勉強するべし
ブログにもまとめてあるので要チェック

やっぱりすごいね 河内君