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