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>
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
この場合、文字は青
詳しくは 河内君の書籍に書いてあるので買って勉強するべし
ブログにもまとめてあるので要チェック
やっぱりすごいね 河内君