【问题标题】：Hide content in Outlook with external CSS使用外部 CSS 在 Outlook 中隐藏内容
【发布时间】：2022-01-24 20:57:03
【问题描述】：
我继承了一个 WordPress 插件，该插件将内容的 RSS 提要发送到 Mailchimp 以生成电子邮件。这段代码（我找不到源代码）正在添加一个额外的徽标图像，它会破坏格式。我知道我应该添加类似
<!--[if !mso 9]><!-->
如果我想在 Outlook 中隐藏代码，但我找不到添加它的源代码。我只能添加外部 CSS。通常的显示：none 在其他电子邮件平台中有效。有关如何通过外部 CSS 在 Outlook 中删除此额外图像实例的任何建议？
【问题讨论】：
标签：
css
outlook
html-email
【解决方案1】：
您提供的代码是 HTML 条件注释。它只能嵌入在 HTML 代码中。如果要在 Windows 上的 Outlook（从 2007 年及更高版本）中隐藏外部样式表中的元素，可以使用 mso-hide:all 属性。它基本上是display:none，但用于 Word 的渲染引擎。虽然，与display:none 不同，这并不总是继承到<table> 子元素。在这种情况下，您可以使用如下所示的双重选择器。
.your-element,
.your-element table {
mso-hide: all;
}