FireBugでエレメントを見るときに同じCSSルールが表示されない
タイトルそのままだけど、たまにFireBugでCSSをみるときに設定されているはずなのに、表示されないプロパティがあるなとおもっていた。このとき累積プロパティでは設定されているんだけど、エレメントのビューでは表示されていない。
今日YUIのスタイルシートをやはりFireBugでみていて調べて見たら、全く同じルールで定義されているスタイルがあって、この場合、最初のものしか表示されていなかった。
.yui-skin-sam .yui-panel .hd { border-bottom:1px solid #CCCCCC; } .yui-skin-sam .yui-panel .bd, .yui-skin-sam .yui-panel .ft { background-color:#F2F2F2; } .yui-skin-sam .yui-panel .hd { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(http://yui.yahooapis.com/2.8.0r4/build/assets/skins/sam/sprite.png) repeat-x scroll 0 -200px; color:#000000; font-size:93%; font-weight:bold; line-height:2; padding:0 10px; }
.yui-skin-sam .yui-panel .hdというのが2つある。たぶん全く同じルールの場合には1つしか表示されのだろう。