id指定とclass指定が矛盾するとclass指定が優先される(訂正)
みたい。少なくともFireFox2.0では
#ident { font-size: 200% } #klass { font-size: 50% }
<div id="ident" class="klass">hello</div>
とかやってると文字は小さく表示される。
直接エレメントを指定してるんだからIDを優先しろよと思った。
[追記] 上記間違ってました。すいません。訂正します。
正しくは「id指定された要素の子要素でid指定とclass指定が矛盾するとclass指定が優先される」でした。
<html> <head> <style> #parent-id .child-class { font-size: 200% } #child-id { font-size: 50% } </style> </head> <body> <div id="parent-id"> <div id="child-id" class="child-class"> text </div> </div> </body> </html>
上記だと、#child-id よりも .child-class が優先される。ID指定の下にあるから、そういうものなのかなー。でも、この場合でもID優先してほしいよね?ね?(必死)