在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 s，那么您可以定位跨度而不是正文。

我選擇了這兩種字體，因為它們是Windows和Mac / iOS的“默認”字體。 當然，您可以選擇自己的字體大小。 唯一不幸的是，如果你想在其他地方使用不同的字體和字體大小，你將不得不使用更多!important s。

Answer 3

您可以使用!important規則。 但是你必須明確定義你希望它繼續運行的每個元素（或使用通用選擇器* ）

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