首页 > 解决方案 > 如何仅将多种样式应用于 HTML 到标题的一部分?

问题描述

所以我有一些文字“只剩下 3 天了”,我用它来制作颜色#EF5F3C 并且还要加粗。忽略句子其余部分的样式。

我想要实现的图像示例:

预期结果截图

我尝试使用多种内联样式来设置 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>

标签: htmlcssinlinestyling

解决方案


默认情况下h6已经是粗体。

我制作了一个示例,您可以在其中h6使用常规段落p标签查看它。

在此处输入图像描述

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>


推荐阅读