在 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
标签。应该通过删除元素并将其替换为适当样式的元素(例如em
,span
等)来纠正此问题。引用:
font
element, at the W3.org。 font
element at the MDN。