電子郵件響應風格是壓倒我的風格

我正在開發使用HTML5，CSS3，JavaScript的，jQuery的電子郵件響應風格是壓倒我的風格

我面對我的電子郵件內容渲染問題的電子郵件的Web應用程序。

一些郵件內容（從技術上講，響應）有自己的風格，說了如像這樣

一個 { 顏色：綠色; }

因此，我所有的錨定標記（包括頁眉，頁腳中的錨定標記都變爲綠色）。

如何限制這一點。

我想在我的電子郵件內容渲染部分使用iframe。

請給我你的寶貴意見。

感謝

可以使用CSS selectors如ID或類。

如果您想區分您的迴應風格和任何其他風格，您可以創建一個名爲回覆.response的類並使用它來引用您的a標籤。

的CSS看起來像：

.response a {color:green}

和HTML看起來像：

<div class="response"> 
    <!--all the response stuff here--> 
    <a href"http://stackoverflow.com">Some link in the response</a> 
</div>

2014-09-26 05:57:22 Enigmadan

不，我不能使用CSS選擇器，因爲我永遠不知道什麼樣的電子郵件內容（響應）即將到來。它不在我的控制之下 – Karthikeyan 2014-09-26 05:59:38

@Karthikeyan但它應該在你的控制之下，響應出現的div將被調用。如果你給div一個類或id，你可以通過div的類或id名稱引用該div的任何子元素。 – Enigmadan 2014-09-26 06:04:27

@Karthikeyan如果您需要*您的風格來覆蓋任何傳入樣式，則可以使用'！important'後綴來確保您的css是優先樣式，而不是可能會出現的任何css。這將覆蓋**所有其他**，所以如果你不需要，不要使用它。 – Enigmadan 2014-09-26 06:11:34

讓我們學會從roundcube體驗的東西。在這裏我們可以看到他們是如何做（以快捷版）：

<div id="messagecontent"> ... </div>

但是...... roundcube 風格添加唯一ID到每一個規則。

其他的解決方案，以避免風格壓倒一切：

2014-09-26 06:32:37

回答