OutlookでHTMLメッセージが正しく表示されないのはなぜですか？

Question

tr:nth-child(odd) { 
background-color: #f2f2f2; 
} 

私のコードは、すべてのWebブラウザで動作していますが、Outlookでは動作しません。代替色を追加する必要があります。どうすればこれを達成できますか？

Answer 1

Outlookのパーサーは、HTML5やCSS3に準拠していません。

は、をサポートしています。in this webpageです。

私の提案は、と私は私の会社のためにしなければならなかったものを、<tr class="odd">...</tr>

ようなクラスと「奇数」であることが知られているものをタグとルールとスタイルシートを持つようにプリプロセッサを使用することです：

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

インラインスタイルは、Outlookの電子メールのためにもパーですが、それは非常にHTML5に眉をひそめている強引なソリューションなので、に入るために悪い習慣です。