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

Question

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

我很感激任何帮助.

Answer 1

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

<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;
}

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

顺便说一句,虽然!important会迫使一个声明覆盖通常的级联风格,但它正在用一把大锤来破解坚果; 并且,如果能够避免它(在这种情况下,看来,它可以被避免的),它应该是,因为它的款式后调试,以及相关的继承问题复杂化.

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

参考文献:

Answer 2

使用CSS！important表示法是告诉浏览器覆盖您内部定义的所有字体大小div：

从上面的链接中读取为：

但是，为了平衡起见，“！important”声明（分隔符“！”和关键字“ important”紧随该声明）优先于普通声明。

例

看到这个可行的小提琴示例！

.htmlContents * {font-size:10px!important;}

<div class="htmlContents">my database html content</div>