Outlook电子邮件：使用CSS隐藏空标记

我曾尝试使用伪选择器在电子邮件中隐藏空标记，它在Outlook for Mac上有效，但在windows中的Outlook 15.xx.xx（2013）中无效。 检查后我意识到伪选择器不完全受支持

HTML:

ulli:empty{
显示：无；
mso隐藏：全部；
字号：0；
最大高度：0；
线高：0；
}

：：角色1
：：角色2
：：角色3
：：角色4

我找到了解决方案，删除了样式，并将逻辑移到服务器端/后端，以传递ASCII点值（模拟无序列表）和动态角色。

在示例中，每个

都有文本，因此不是

：空的<代码>：空的

元素不能有任何内容（即没有元素或文本）。保持电子邮件的简单性--为什么要在HTML中首先有一个空的

？它的作用是什么？@zer00ne指定的

中的角色是动态变量。因此，当它呈现时，并不是所有4个角色都会呈现。@zer00ne的观点非常好。首先，为什么要提供空列表项。您应该使用服务器端/平台逻辑来确定哪些显示哪些不显示。完全同意，我们使用的是旧版sendGrid模板，它不支持手柄。我们正在尝试移动到动态模板，这将让你们保持联系。