在 DIV 中,我放置了一些从数据库加载的文本/html 代码。此文本有时包含字体大小定义(例如:font size="3")。有没有办法在这个特定的 DIV 中使用 CSS 覆盖这个字体大小。

感谢您的帮助。

最佳答案

假设加价类似于以下内容:

<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 inherit 来自父元素的 font-size:
div {
    font-size: 1.5em;
}
div font {
    font-size: inherit;
}

JS Fiddle demo

请注意,当然,font 已被弃用,因此不应使用(因为对元素的支持可能会停止而无需通知,和/或实现会在没有警告的情况下更改)。

顺便说一句,虽然!important将强制声明覆盖通常的样式级联,但是要用大锤敲碎螺母;并且,如果可以避免(并且在这种情况下,似乎可以避免),应该这样做,因为这会使以后调试样式和相关的继承问题变得复杂。

此外,这是在治疗您的问题的症状;您真正面临的问题是内容/数据库中存在 font 标签。应该通过删除元素并将其替换为适当样式的元素(例如emspan等)来纠正此问题。

引用:
  • font element, at the W3.org
  • font element at the MDN
  • 10-05 20:55
    查看更多