css - 如何在句子中显示不同的单词显示不同的颜色，标记的 'correct' 方式是什么(用于 HTML 电子邮件标记)

Question

如果我放入一个新的

标签，例如:

<p>lorem ipsem blah blah blah <p class="special-colour">special phrase</p><p> lorem ipsem blah blah blah</p>

我得到的换行不是我想要的。

此外，我是否需要显式返回到我正在使用的样式，或者除非被 class="foo-bar"属性覆盖，否则将假定它？

我意识到这个问题可能涉及到我尚未掌握的具体问题，因为我真的不知道 HTML/CSS 文档中自然存在的层次结构，所以我只是在 ATM 上涉猎。

Answer 1

使用 <span> :

<p>first part <span class="special-colour">special phrase</span><p> next part</p>

它是一个“内联”元素，因此不会导致换行。

是的，next part文本将自动“恢复”到应用于 p 的样式元素。

span 的 css会是这样的:

span.special-colour {
    color: #ff7766;
}

此外，我可以告诉您，您会说英式英语 - 请谨慎使用 color与 colour !