css - 如何在 IE6 中覆盖通用选择器字体大小

Question

我在基于 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-日期事件{ 字体系列:宋体； 字体大小:8pt； 颜色:#ff0000；

x-date-date 类的内容相同。红色有效，所以我知道我的目标是正确的样式。但是，字体大小不会生效，通用选择器中指定的大小将继续。这只发生在 IE6 中，它在 Firefox 中按预期工作。我试过将 !important 添加到 font-size 属性，但这没有帮助。

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

Answer 1

您正在为使用通用选择器的痛苦世界做好准备，但请尝试在您的 CSS 文件底部添加以下代码:

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