字体粗细：粗体在 IE 7 和 8 中不起作用

Question

我正在应用以下 CSS：

dl dd {
    font-size: 12px;
    font-weight: bold;      
}

但我的文字在 IE 中不是粗体？

HTML：

<dl><dt>Prepared For</dt><dd><pre>( client name )</pre></dd></dl>

我认为这可能与<pre> 标签有关，因为当它们不存在时，它会加粗。

字体系列是 Arial。

Answer 1

定义列表的结构应该是这样的：

<dl>
    <dt>Some title</dt>
    <dd>Your definition</dd>
</dl>

除了<dd> 中的文本之外，您是否还有其他可能应用的样式覆盖您的dl dd CSS，例如<span> 或<strong> 或<em>？

编辑：

看到你的更新。它肯定与您的<pre> 标签有关。您的 CSS 规则不会覆盖 <pre>，因为这违背了“预格式化文本”的目的。

尝试扩展您的 CSS 以在选择器链中包含 <pre>，如果失败，您可能需要使用 !important（尽管这通常不被接受）：

dl dd pre {
    font-size: 12px;
    font-weight: bold !important; /* remove !important if not needed */
}

看看这是否有效并报告。