从标题的一部分中删除粗体样式

Question

有没有办法从标题的一部分中去掉粗体样式？

<h1>**This text should be bold**, but this text should not</h1>

有没有一种方法可以达到这个目的？

- Apollo

Answer 1

你可以将非加粗文本包装到一个span标签中，并为该span标签设置以下属性：

.notbold{
    font-weight:normal
}​

并且

<h1>**This text should be bold**, <span class='notbold'>but this text should not</span></h1>

参见：http://jsfiddle.net/MRcpa/1/

当您想要改变元素的样式而不将其放置在新的块级元素中时，请使用<span>。

- Sebass van Boxel

Answer 2

如果您不想使用单独的CSS文件，可以使用内联CSS：

<h1>This text should be bold, <span style="font-weight:normal">but this text should not</span></h1>

然而，正如Madara的评论所建议的那样，可能需要考虑根据所涉及的用例将未加粗部分放在不同的标题中。

- GreenMatt

Answer 3

是的，您可以在<span>标签内添加文本并覆盖CSS样式。jsfiddle

HTML：

<h1>**This text should be bold**, <span>but this text should not</span><h1>

CSS：

span{
   font-weight: normal;
}

- Anoop

Answer 4

<h1 style="font-weight: normal;"></h1>

试一下这个？

- Midordas

Answer 5

更好的方法：不要在HTML中使用额外的span标签并增加HTML代码，你可以按照以下方式操作：

<div id="sc-nav-display">
    <table class="sc-nav-table">
      <tr>
        <th class="nav-invent-head">Inventory</th>
        <th class="nav-orders-head">Orders</th>
      </tr>
    </table>
  </div> 

在这里，您可以使用以下CSS：

#sc-nav-display th{
    font-weight: normal;
}

你只需要使用分配给表格关联div标记的ID。 我在CSS中使用了“#sc-nav-display”和“th”，这样，除非你对所有其他表头都进行了相同的操作，否则每个其他表头都会保持粗体。

- Dhaval J. Patel

---

原始问题涉及标题标签，而不是表格，那么为什么您发布了一个包含表格的答案？如果DOM元素完全包围要格式化的文本，则当然不需要span标签，可以使用普通的CSS选择器。 - cowbert

Answer 6

这非常简单，只需在段落内使用“font”即可。下面是一个示例：

<h1>Heading 1</h1>
<p><font size="6"> Heading 1</font></p>

标题 1

标题 1

- Saurav

Answer 7

<ul>
    <li><strong>This text will be bold.</strong>This text will NOT be bold.
    </li>
</ul>

- Mindy

---

虽然这段代码可以回答问题，但是提供关于它如何解决问题以及为什么这样做的额外背景信息会提高答案的长期价值。 - Donald Duck

这个问题问如何从标题元素中去除粗体格式。这个答案展示了在无序列表项中使用一个strong元素。 - Heretic Monkey