Outlook邮件表格最后一行美化技巧

在 Outlook 邮件开发中，由于其依赖老旧的 Word 渲染引擎，几乎所有现代 CSS 选择器（如 `:last-child`、`:nth-child()`、相邻兄弟选择器等）均不可用，导致表格最后一行样式化成为典型兼容性难题；真正可靠的做法是摒弃前端逻辑推导，转而在服务端或模板生成阶段主动为最后一行添加语义化 class（如 `last-row`），再通过最简化的内联或 `

Outlook 对 CSS 支持极弱，不识别 :nth-child()、相邻兄弟选择器等现代伪类和组合器；唯一可靠方案是为最后一行显式添加 HTML class，并通过纯 class 选择器定义样式。

在构建 HTML 邮件（尤其是需兼容 Microsoft Outlook）时，CSS 兼容性是核心挑战。Outlook 沿用旧版 Word 渲染引擎（而非 WebKit 或 Blink），其 CSS 支持极为有限——根据 Mailchimp 邮件客户端 CSS 支持表，Outlook 完全不支持以下关键特性：

• 伪类选择器：tr:last-child、tr:nth-child(n)、:first-of-type 等
• 组合器：+（相邻兄弟）、~（通用兄弟）、>（子选择器）均不可靠或完全失效
• 属性选择器（如 [data-last]）及自定义数据属性亦不被识别

✅ 正确做法：服务端/模板层主动标记最后一行

在生成 HTML 表格时，动态为 添加语义化 class（如 last-row），并在内联