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

Question

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

<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 特定问题？

Answer 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

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

MacOS only issue hiding HTML email for Office 365 / Outlook 2016

html

email

outlook

html-email