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

【问题标题】：Outlook email: Hide empty tag with CSSOutlook 电子邮件：使用 CSS 隐藏空标签
【发布时间】：2021-05-04 22:50:38
【问题描述】：

我尝试使用伪选择器隐藏电子邮件中的空标签，它适用于 Outlook for Mac，但不适用于 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>

非常感谢任何帮助。

【问题讨论】：

• 在示例中，每个<li> 都有文本，因此没有:empty。 :empty 元素不能有任何内容（即没有元素或文本）。
• 保持电子邮件简单——为什么一开始在 HTML 中会有一个空的<li>？它有什么用途？
• @zer00ne
• 中指定的角色是动态变量。所以当它渲染时，并不是所有 4 个角色都会被渲染。