如何将多种样式仅应用于标题的一部分?

时间:2019-07-02 20:45:38

标签: html css inline styling

所以我有一些文字“只剩3天了” 我该如何使颜色#EF5F3C 而且也要大胆。忽略其余句子的样式。

我要实现的图像示例:

screenshot of expected rensult

我尝试使用多种内联样式来设置HTML样式,该样式确实适用于颜色,字体大小等,但不适用于粗大或em。

<div class="copy">
  <h6> <span style="color:#EF5F3C;"><strong>Only 3 days left</strong></span> to fund this project</h6>
  <p>Join the <strong>42 </strong> other donors who have already supported this project. Every dollar helps</p>
</div>

1 个答案:

答案 0 :(得分:2)

h6在默认情况下已经为粗体。

我制作了一个示例,并举例说明了您可以使用h6和常规段落p标签看到它的情况。

enter image description here

h6 span {
  font-weight: bold;
  color: #EF5F3C;
}

p span {
  font-weight: bold;
  color: #EF5F3C;
}
<h6><span>Only 3 days left</span> to fund this project</h6>

<p><span>Only 3 days left</span> to fund this project</p>