2022 年使用 CSS/条件语句瞄准 Outlook.com？

Question

发送电子邮件时，我遇到了一个严重的问题，特别是 Outlook（网络邮件）的浏览器版本。

过去有效的所有解决方案在 2022 年都不再可行：

[owa] .foo {
  background-color: red !important;
}

[class="x_foo"] {
  background-color: red !important;
}

我也尝试过各种条件标签，但它们在浏览器中也不起作用：

<!--[if mso]>
    <style>
        .example-class {
            /* Outlook-specific CSS goes here. */
        }
    </style>
<![endif]-->

2022 年浏览器中是否存在针对 Outlook 的已知黑客攻击 (Outlook.com)？

Answer 1

Outlook.com 网络邮件可以像这样定位：

[class~="x_your-class-name"] {
  /* Replace this comment with your styles */
}

根据“如何定位电子邮件”https://howtotarget.email/

还有其他特定于 Outlook Webmail 的问题，因此请务必首先检查这个常见问题：Outlook 从 中剥离样式