css中有没有一种方法可以清除所有的字体家族+字体大小样式声明


Is there a way in css to clear all font-family + font-size style declarations?

我有一个页面,它是cms/wysiwyg/ms单词噩梦。

它从数据库中提取了许多文本段落,其中一些段落保留了msword奇怪的html标记,包括字体声明!!!啊!

在一句话中,我可以得到以下内容:

<span style="font-family:Verdana">this is some</span>
<span style="font-family:arial">ugly text!</span>

我想知道是否有一种方法可以删除所有的字体家族和字体大小样式,使它们能够适应主样式表css?

如果我能避免的话,我宁愿不要陷入大规模的怀孕状态。感谢

CSS:

span {
    font-family: initial !important;
    font-size: initial !important;
}

好吧,如果你在很多地方获得内联样式,我会把它添加到正文CSS 中

body {
     font-family: Arial, Helvetica, sans-serif !important;
     font-size: 16px !important;
 }

如果您注意到所有的内联字体样式都是在span上进行的,那么您可以针对跨度而不是正文。

我选择这两种字体是因为它们是Windows和Mac/iOS的"默认"字体。当然,你可以选择自己的字体大小。唯一不幸的是,如果你想在其他地方使用不同的字体和字体大小,你就必须使用更多的!important

您可以为此使用!important规则。但是,您必须明确定义您希望它继续运行的每个元素(或使用通用选择器*

http://jsfiddle.net/b8RKm/

* { font-family: Tahoma, sans-serif !important; }