37

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

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

有没有办法做到这一点？

4

7 回答 7

59

您可以将非粗体文本包装到一个跨度中，并为该跨度提供以下属性：

.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>当您想要更改元素的样式而不将它们放置在文档中的新块级元素中时使用。

于 2012-10-06T20:03:00.873 回答
18

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

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

但是，正如 Madara 的评论所暗示的，您可能需要考虑将非粗体部分放在不同的标题中，具体取决于所涉及的用例。

于 2012-10-06T20:09:35.490 回答
4

是的，您可以在其中添加文本<span>并覆盖 css。jsfiddle

html:

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

CSS：

span{
   font-weight: normal;
}
于 2012-10-06T20:01:41.113 回答
2 
<h1 style="font-weight: normal;"></h1>

试试这个？

于 2020-10-27T19:48:16.543 回答
0

更好的一个：您可以执行以下操作，而不是在 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”，这样，所有其他表格标题都将保持粗体，除非你对所有其他表格标题执行相同的操作，如我所说。

于 2017-05-02T04:38:01.560 回答
-1

超级简单，通过在段落内使用“字体”。一个例子如下所示：

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

标题 1

标题 1

于 2020-04-15T17:19:32.013 回答
-3 
<ul>
    <li><strong>This text will be bold.</strong>This text will NOT be bold.
    </li>
</ul>
于 2017-01-31T19:16:38.477 回答