MEMOUK

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

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>
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
この場合、文字は青

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


やっぱりすごいね 河内君

Posted by uk at 17:01 | パーマリンク | コメント (0) | トラックバック (0)

このエントリーのトラックバックURL:
http://www.67.org/blog/mt-tb.cgi/887

コメントを投稿

MEMOUKROKUNANA

SITE FEED

  • 個人やグループでの貸し切り受講、企業や学校への出張講座、各種イベントへの講師派遣もご相談ください

    出張講座・貸し切り講座

Search