html - 如何在同一个句子中应用不同的文本样式？

Question

所以我有一个 <h1>像这样:

<h1>Hello my name is: (variable name)</>

我想要一个粗体的 H1，但我希望变量名更轻一些。

我认为这样做的一个好方法是:

<h1>Hello my name is:</h1><h1 id="changeName">Variable Name</h1> 

然后分别设置样式。但是，这样做我无法用一句话来理解文本。

Answer 1

您可能需要考虑在 <h1> 中使用其他元素.这样，您就不必使用 <h1>标记两次。

<h1>Hello my name is:<span class="changeName">Variable Name</span></h1> 

<span>的优势element 是它不会改变样式，除非你通过 CSS 明确地给它。

此外，请优先使用 class 属性而不是 id 属性，如果您决定在将来向其他元素添加类似样式，这将使您的样式更加通用。