什么会导致粗体标签 被忽略？答案

【问题标题】：What could cause a bold tag to be ignored?什么会导致粗体标签 被忽略？
【发布时间】：2012-04-02 20:19:31
【问题描述】：

我在 Drupal 中显示的一些 HTML 存在问题，但我不能 100% 确定这是 Drupal 问题。我使用粗体标签来强调一个词，但它没有显示为粗体。它认为它可能是我使用的 Google 字体，所以我禁用了它，但我仍然遇到问题。

我查看了页面来源：

<div id="begin_block">
  <div id="fw_begin"><h2>Find words <b>beginning</b> with:</h2></div>
    <div id="inp_begin"><input type="text" /></div>
    <div id="aft_begin">(max. 5 characters)</div>
    <div id="but_begin"><button type="button">Go</button></div>
</div>

但我仍然得到：

什么可能导致这个问题？

更新

在我使用的主题中确实有一个reset.css。粗体定义为：

b{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}

【问题讨论】：

你用的是什么 CSS 重置，本土的？第一行的这一部分是否带有大量其他选择器，还是仅此而已？（只是好奇）
它是从 Drupal 主题中重新设置的，称为多功能。它是包含大量其他选择器的行的一部分。

标签： html css tags bold

【解决方案1】：

CSS（重置）表可能定义了b{font-weight:normal;}。要“修复”样式，请添加 b{font-weight:bold;}。

另外，他 标签在语义上更正确，所以使用它而不是。

【讨论】：

这里可以看出 CSS 重置的荒谬之处。您的浏览器使用了一些预定义的样式，为什么要覆盖它们然后将它们设置回默认值？ OP 应该考虑修改他的 CSS 重置。此外， 在语义上并不是更正确，而是具有不同的语义含义。如果 "this is bold text" 比 "this is important text" 更有意义，那么使用 没有任何问题。
 的新用法有点模糊，在这里可能是合适的："b 元素表示从其周围内容偏移的一段文本，没有传达任何额外的强调或重要性，并且传统的印刷表示是粗体文本；例如，文档摘要中的关键字或评论中的产品名称。" dev.w3.org/html5/markup/b.html
基本上它的意思是“粗体字”。
@duri：CSS 重置可用于将 标准化为特定字体粗细，例如700。这可能是偏执狂，但不一定是荒谬的。作者只需要小心记住重新声明被覆盖的内容。 b{font-weight:normal;} 虽然没有意义，但设置为实际值。
多么奇怪 - 我刚才在提供的页面上遇到了与 sinatra+ruby 相同的问题。我的浏览器忽略了粗体标签；现在我通过

【解决方案2】：

您需要做的是使用firebug 或google's developer console 来调试它。如果您至少没有任何经验，请不要担心 - 花一些时间学习它是值得的。

作为真正的解决方案，您可以将文本包装在  而不是  中，添加一些有意义的类，例如“stress”（但您应该避免使用“bold”之类的类名，因为您最终可能会更改您的想法，而不是字体粗细，您将使用下划线，在这种情况下，您将更改类名或为下划线样式设置粗体类）并添加类似

.stress{
 font-weight: bold !important;
}

您很可能在某处覆盖了 font-weight，重要的是确保它不会再被覆盖。

顺便说一句：当然你不必将 与类名一起使用，你也可以使用其他选择器，如 等。

【讨论】：

【解决方案3】：

b {
    font-weight: bold;
    font-family: inherit;
}

如果未定义字体系列，则包装元素中的字体将被覆盖。

【讨论】：

能否请edit 解释一下这与accepted answer 有何不同？ CSS（重置）表可能定义了b{font-weight:normal;}。要“修复”样式，请添加 b{font-weight:bold;}