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 從 中剝離樣式