使用CSS覆盖DIV中的字体大小

前端之家收集整理的这篇文章主要介绍了使用CSS覆盖DIV中的字体大小前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在DIV中,我放置了一些从数据库加载的text / HTML代码.此文本有时包含字体大小定义(例如:font size =“3”).有没有办法使用CSS覆盖此特定DIV中的字体大小.

我很感激任何帮助.

解决方法

假设加价类似于以下内容
<div>
    <font size="1">Some text at 'size="1"'</font> and natively-sized text,with more at <font size="26">'size="26".'</font>
</div>​

然后,您可以显式指示CSS从父元素继承font-size:

div {
    font-size: 1.5em;
}
div font {
    font-size: inherit;
}

JS Fiddle demo.

当然,请注意,该字体已弃用,因此不应使用(因为元素的支持可以在不事先通知的情况下停止,和/或实现在没有警告的情况下更改).

顺便说一句,虽然!important会强制声明覆盖通常的级联风格,但是它需要一把大锤来破解坚果;并且,如果可以避免(并且在这种情况下,似乎可以避免),它应该是,因为它使样式的后续调试和相关的继承问题变得复杂.

此外,这是治疗你的问题的症状;您真正面临的问题是您的内容/数据库中是否存在字体标记.这应该通过删除元素,并用适当样式的元素,如em,span等替换它们来纠正…

参考文献:

> font element,at the W3.org.
> font element at the MDN

猜你在找的CSS相关文章