如何在 HTML 元素中使用 CSS 设置特定单词的样式

Question

如何在<p>标签中设置特定单词的样式？例如：STUDIO X是有史以来最好的工作室。

^^我如何使用css使"STUDIO X"成为与"有史以来最好的工作室"不同的字体？

Answer 1

你应该这样做：

p {
  font-size: 12px;
}
span {
  font-size: 16px;
  font-weight: bold;
}

<p>
  <span>STUDIO X</span> is the best studio ever
</p>

我建议您为<p>定义一个特定的类并<span>标签，这将防止意外覆盖。

Answer 2

你可以用span标签包装它

<p><span class="best_studio">STUDIO X</span> is the best studio ever.</p>

并使用 CSS 定义样式

.best_studio {
  font-family: Arial,
  font-size: 22px
}

Answer 3

<span class="nevis">STUDIO X</span>

.nevis { font-weight:bold; }

Answer 4

<p><strong>STUDIO X</strong> is the best studio ever</p>

我相信大多数浏览器的默认 css 会加粗一个 strong 元素，但您也可以明确说明并添加自己的规则

p strong { font-weight:bold; }