読者です 読者をやめる 読者になる 読者になる

FireBugでエレメントを見るときに同じCSSルールが表示されない

YUIのCSS

タイトルそのままだけど、たまにFireBugCSSをみるときに設定されているはずなのに、表示されないプロパティがあるなとおもっていた。このとき累積プロパティでは設定されているんだけど、エレメントのビューでは表示されていない。

今日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つしか表示されのだろう。