html - 如何防止对 HTML 中的某些属性进行硬编码？

Question

我有以下声明:

<font color="#2B547E">

现在我不想在我的 html 中对其进行硬编码；相反，我想应用一个 css 类。我不希望页面中的所有字体都使用这种颜色，只希望特定部分使用这种颜色。我尝试了以下方法:

 <font class="xyz" > 

但它不起作用。由于某些我无法更改的预定义样式表，我无法使用 div/span，因为它会在我的 html 模板中生成一个新行。

如何将该硬编码值移动到 css？

Answer 1

如果你可以为这个 <font> 添加一个 CSS 类元素，你应该能够切换到使用 <span> :

HTML:

<span class="coloredText">text</span>

CSS:

.coloredText {
    display: inline; /* will stop spans creating a new line */
    color: #2B547E;
}

如果您仍然发现 span 创建了一个换行符，您可以将规则更改为
display: inline !important; - 这将增加此规则的优先级，以便它生效。我不确定是否使用 !important CSS-pedants 不赞成，但它可能会有所帮助。