2017-09-26 235 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中皱着眉头,所以它是一个坏习惯进入。

相关问题