Zimbra客户端中CSS选择器nth-child/nth-of-type被截断问题求助
Zimbra客户端HTML邮件CSS伪类选择器被截断问题求助
我运营一个远程服务,会给订阅用户发送带表格的活动报告HTML邮件,部分用户使用Zimbra客户端收信。
邮件顶部的<style>标签包含如下示例代码:
<style> table tr:nth-child(odd){ color:white; background-color: #568f67; } </style>
Zimbra中邮件的原始源代码和我发送的完全一致,但在Firefox、Chrome、Edge的浏览器开发者工具里查看渲染后的页面HTML时,这段样式被截断为:
<style> table tr:nth-{ color:white; background-color: #568f67; } </style>
child(odd)部分直接丢失。我尝试将nth-child替换为nth-of-type,结果同样被截断成nth-of-。
想请教:有没有办法在不手动判断奇偶行、不大量新增代码、不简化CSS选择器的前提下解决这个问题?
补充说明
- 我有多个表格,表头和各行有不同的配色方案
- 在Thunderbird桌面客户端中,邮件显示完全正常
- 将
<style>标签内的内容直接粘贴到浏览器开发者工具中,样式显示正常
内容的提问来源于stack exchange,提问作者Ben
相关产品推荐
相关产品推荐

