为什么我的HTML消息在Outlook中没有正确显示？

Question

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

我的代码正在使用alla Web浏览器，但不在outlook中。我需要添加备用行颜色。我怎样才能做到这一点？

Answer 1

Outlook的解析器远不及HTML5，也不符合CSS3。

您可以了解所做的支持in this webpage。

我的建议，以及我必须为公司做的事情，是使用预处理器来标记类似<tr class="odd">...</tr>

之类的已知“奇怪”的内容

并有一个规则的样式表：

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

内联样式也适用于Outlook电子邮件，但它是一种在HTML5中非常不受欢迎的强力解决方案，因此这是一个不好习惯。