2017-09-26 55 views
0
tr:nth-child(odd) { 
background-color: #f2f2f2; 
} 

我的代碼正在使用alla網絡瀏覽器,但不在Outlook中。我需要添加交替行顏色。我怎樣才能做到這一點?爲什麼我的HTML郵件在Outlook中不能正確顯示?

+0

電子郵件客戶端特別前景限制一些CSS樣式,所以你必須爲電子郵件客戶端編寫特定的CSS,並嘗試避免使用nth孩子,因爲它將被大多數電子郵件客戶端完全忽略 –

+0

我建議使用內聯樣式來獲得期望的結果 –

+0

其動態電子郵件設計,我如何使用內聯樣式來做到這一點,但保持網格的動態foreach。 –

回答

0

Outlook的解析器遠不及HTML5或CSS3兼容。

您可以瞭解它的功能支持in this webpage

我的建議,以及我爲我的公司做的,是使用預處理器標記被稱爲是「奇」與像<tr class="odd">...</tr>

一類東西,並與規則的樣式表:

tr.odd { 
background-color: #f2f2f2; 
} 

內聯樣式也是意料之中的Outlook電子郵件,但它是一種強力的解決方案,這是非常在HTML5中皺着眉頭,所以它是一個壞習慣進入。

相關問題