3

我在基于 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 中的字体大小而言，是否存在覆盖通用选择器的问题？我花了大约两个小时谷歌搜索无济于事。任何帮助将不胜感激！

4

1 回答 1

2

您正在使用通用选择器为自己设置一个伤害世界，但请尝试在 CSS 文件的底部添加以下代码：

.x-date-active * { font-size: 8pt; }
于 2010-04-15T21:53:50.630 回答