Im Jahr 2022 Outlook.com mit CSS/bedingten Anweisungen ansprechen?

Question

Ich habe ein ernstes Problem beim Versenden von E-Mails, insbesondere mit der Browserversion von Outlook (Webmail).

Alle Lösungen, die in der Vergangenheit funktionierten, funktionieren im Jahr 2022 nicht mehr:

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

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

Ich habe auch verschiedene bedingte Tags ausprobiert, aber sie funktionieren auch nicht im Browser:

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

Gibt es im Jahr 2022 bekannte Browser-Hacks für Outlook (Outlook.com)?

P粉788571316 · Answer

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

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

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

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