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

Question

我尝试使用伪选择器隐藏电子邮件中的空标签，它适用于 Mac 的 Outlook，但不适用于 windows 的 Outlook 15.xx.xx(2013)。我在检查 https://www.campaignmonitor.com/css/ 后意识到不完全支持伪选择器。

HTML:

ul li:empty { 
   display: none; 
   mso-hide:all; 
   font-size: 0;
   max-height: 0; 
   line-height: 0;
 }

<ul>
  <li>::ROLE_1</li>
  <li>::ROLE_2</li>
  <li>::ROLE_3</li>
  <li>::ROLE_4</li>
</ul>

非常感谢任何帮助。

Answer 1

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

Outlook email: Hide empty tag with CSS