在css中有没有办法清除所有font-family + font-size样式声明？

Question

我有一个页面，这是一个cms / wysiwyg / ms单词的噩梦。

它从数据库中提取了许多段落的文本，其中一些保留了ms word的奇怪的html标签 - 包括字体声明！啊！

我可以用一句话来表达：

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

我想知道是否有办法删除所有font-family和font-size样式，以便它们适应主样式表css？

如果我可以避免它，我宁愿不进入大规模的preg_replace条件。 感谢

Answer 1

CSS：

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

Answer 2

好吧，如果你在许多地方获得内联样式，我会将它添加到body CSS

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

如果您注意到所有内联字体样式都在span上进行，则可以定位跨度而不是正文。

我选择了这两种字体，因为它们是Windows和Mac / iOS的“默认”字体。 当然，您可以选择自己的字体大小。唯一不幸的是，如果你想在其他地方使用不同的字体和字体大小，你将不得不使用更多!important s。

Answer 3

您可以使用!important规则。但您必须明确定义您希望它继续使用的每个元素（或使用通用选择器*）

http://jsfiddle.net/b8RKm/

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