如何覆盖IE6中的通用选择器字体大小

问题描述:

我在基于ExtJS的应用程序中遇到问题,但是,我不认为问题是ExtJS特定的(我可能是错的,但我怀疑不是)。如何覆盖IE6中的通用选择器字体大小

的问题是,我有一个普遍的选择,像这样:

* { 
    font-family : arial; 
    font-size : 10pt; 
    font-weight : bold; 
} 

后来我有一些标记(通过ExtJS的生成)所看到萤火虫:

<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; font-size:8pt; color:#ff0000; }

x-date-date类的内容相同。红色的作品,所以我知道我的目标是正确的风格。但是,字体大小不生效,通用选择器中指定的大小会继续。这仅发生在IE6中,它在Firefox中按预期工作。我已经尝试添加!对font-size属性很重要,但这没有帮助。

只要字体大小在IE中,是否有覆盖通用选择器的问题?我花了大约两个小时谷歌搜索无济于事。任何帮助将不胜感激!

你就把自己使用通用选择伤害的世界,但尝试你的CSS文件的底部添加以下代码:

.x-date-active * { font-size: 8pt; } 
+0

感谢菲尔,那确实工作...并且我知道你对通用选择器是正确的,但它是一个具有很多“遗留”(ahem)的较旧项目来支持......比我想要摆脱选择器更多的工作,但是使用覆盖工作我很好去。谢谢! – 2010-04-19 15:44:34