为什么我的HTML邮件在Outlook中不能正确显示？

问题描述：

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

我的代码正在使用alla网络浏览器，但不在Outlook中。我需要添加交替行颜色。我怎样才能做到这一点？为什么我的HTML邮件在Outlook中不能正确显示？

电子邮件客户端特别前景限制一些CSS样式，所以你必须为电子邮件客户端编写特定的CSS，并尝试避免使用nth孩子，因为它将被大多数电子邮件客户端完全忽略 –

我建议使用内联样式来获得期望的结果 –

其动态电子邮件设计，我如何使用内联样式来做到这一点，但保持网格的动态foreach。 –

答

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

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

我的建议，以及我为我的公司做的，是使用预处理器标记被称为是“奇”与像<tr class="odd">...</tr>

一类东西，并与规则的样式表：

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

内联样式也是意料之中的Outlook电子邮件，但它是一种强力的解决方案，这是非常在HTML5中皱着眉头，所以它是一个坏习惯进入。