在不破壞此頁面風格的情況下在網頁中顯示HTML郵件消息

Question

我想在網頁中顯示郵件消息。這些郵件消息來自交換服務器幷包含一堆樣式元素。

當我將這些郵件加載到div中時，這些樣式元素通過重寫其中的一些來打破我自己的頁面樣式。

有沒有一種方法來加載一個HTML郵件正文與它將被加載的頁面隔離？ （當然沒有Iframes）。

THX

Answer 1

你可以重置樣式這隻div中它不會打破自己的CSS。

你應該看看這篇文章：

Reset/remove CSS styles for element only

Answer 2

我認爲一個解決辦法是插入具有特定ID（即ID =「富」），然後一個div內郵件的HTML內容，過程在郵件中的每個類聲明之前添加該id的郵件內容的樣式。

郵件中聲明看起來像這樣所有的類：

#foo H1{ 
... 
} 

#foo body{ 
... 
} 

然後，這個classses的範圍僅僅是在郵件正文注入的ID。

我仍然在尋找這樣做最徹底的方法（jQuery的，鉚釘等）......