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

【问题标题】：How do I style a specific word with CSS in an HTML element?如何在 HTML 元素中使用 CSS 设置特定单词的样式？
【发布时间】：2012-06-20 00:34:01
【问题描述】：

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

^^我如何使用 css 使“STUDIO X”与“是最好的工作室吗？”不同的字体？

【问题讨论】：

【解决方案1】：

你应该这样做：

HTML

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

CSS

p {
    font-size:12px;
}

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

我建议您为 和 标签定义一个特定的类，它可以防止意外覆盖。

【讨论】：

【解决方案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
}

【讨论】：

【解决方案3】：

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

.nevis { font-weight:bold; }

【讨论】：

【解决方案4】：

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

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

p strong { font-weight:bold; }

【讨论】：