MacOS 仅问题隐藏 Office 365 / Outlook 2016 的 HTML 电子邮件

【问题标题】：MacOS only issue hiding HTML email for Office 365 / Outlook 2016MacOS 仅问题隐藏 Office 365 / Outlook 2016 的 HTML 电子邮件
【发布时间】：2020-09-10 17:35:25
【问题描述】：

我使用以下代码成功地隐藏了 Outlook.com、Office 365 for Windows 和 Outlook 2016 for Windows 上的目标内容：

<style>
  [id="x_hide-outlook"]{
    display:none !important;
  }
</style>

<!--[if (gte mso 9)|(IE)]>
    <style type="text/css">
      #hide-outlook {
        display: none;
      }
    </style>
<![endif]-->

<div id="hide-outlook"><h1>HIDDEN IN OUTLOOK/OFFICE 365</h1></div>

上述代码不适用于隐藏 macOS 版本的 Office 365 和 Outlook 2016 的电子邮件内容（适用于 Windows 版本）。

有没有人遇到上述逻辑/任何解决方案的 macOS 特定问题？

【问题讨论】：

标签： html email outlook html-email

【解决方案1】：

macOS Outlook 以不同的方式呈现电子邮件，但是，还有另一种定位方式。感谢Mark Robbins' work，我可以通过以下代码为您隐藏它：

<head>
    <style>
  [id="x_hide-outlook"]{
    display:none !important;
  }
    _:-webkit-full-screen, _::-webkit-full-page-media, _:future, :root .body:not(.Singleton) #hide-outlook {
    display:none !important;
}
</style>

<!--[if (gte mso 9)|(IE)]>
    <style type="text/css">
      #hide-outlook {
        display: none;
      }
    </style>
<![endif]-->
</head>
<body class="body">
<div id="hide-outlook"><h1>HIDDEN IN OUTLOOK/OFFICE 365</h1></div>
    
</body>

注意<body> 标签上的class="body" - 这是必要的。

在此处查看石蕊样本结果：https://litmus.com/checklist/emails/public/faeec7e

【讨论】：