我在基于 ExtJS 的应用程序中遇到问题,但是,我不认为问题是 ExtJS 特有的(我可能是错的,但我怀疑不是)。
问题是我有一个像这样的通用选择器:
* {
font-family : arial;
font-size : 10pt;
font-weight : bold;
}
稍后我有一些标记(由 ExtJS 生成),如 Firebug 所示:
<td class="x-date-active" title="">
<a tabindex="1" class="x-date-date" hidefocus="on" href="#">
<em>
<span>20</span>
</em>
</a>
</td>
这是日历小部件上的日期之一。现在,我遇到的问题是我需要在 . 因此,我尝试同时覆盖 x-date-active 和 x-date-date 类,如下所示:
.x-date-active { font-family : arial; 字体大小:8pt;颜色:#ff0000;}
x-date-date 类的内容相同。红色有效,所以我知道我的目标是正确的风格。但是,字体大小不生效,通用选择器中指定的大小继续。这仅在 IE6 中发生,它在 Firefox 中按预期工作。我尝试将 !important 添加到 font-size 属性,但这无济于事。
就 IE 中的字体大小而言,是否存在覆盖通用选择器的问题?我花了大约两个小时谷歌搜索无济于事。任何帮助将不胜感激!