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

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