outlook 对 css 支持极为有限，不识别 :nth-child()、+ 相邻选择器等现代语法；唯一可靠方式是为最后一行手动添加特定 class（如 last-row），再通过 .last-row 选择器定义样式。
在 HTML 邮件开发中，尤其是面向 Microsoft Outlook（包括 Outlook for Windows、Outlook.com 及部分 Exchange 客户端），CSS 兼容性是核心挑战。Outlook 使用 Word 渲染引擎（而非 WebKit/Gecko/Blink），导致绝大多数伪类、伪元素和关系选择器（如 :nth-child()、:last-of-type、tr + tr、tr:last-child）完全失效。官方支持文档（Mailchimp Email Client CSS Support）明确指出：Outlook 仅稳定支持内联样式和类选择器（.class），且必须是简单、无层级的 class 名。
✅ 正确做法：服务端或模板层动态标记最后一行
在生成 HTML 表格时，为最后一行
<table border="0" cellspacing="0" cellpadding="0"> <tr><td>Row 1</td></tr> <tr><td>Row 2</td></tr> <tr><td>Row 3</td></tr> <tr class="last-row"><td>Final Row — styled!</td></tr> </table>
对应 CSS（需内联或嵌入
<style type="text/css">
.last-row { background-color: #f0f8ff; font-weight: bold; }
/* 注意：避免使用后代选择器如 "table .last-row"，Outlook 可能忽略 */
</style>⚠️ 关键注意事项：
- 禁止使用任何复合选择器：如 tr.last-row、table tr.last-row、.last-row td 在旧版 Outlook 中常被丢弃，建议直接用 .last-row 并搭配内联样式增强兼容性；
- 服务端控制更可靠：若使用 Python（如 Pandas Styler），请改写 styles 列表逻辑，不再依赖 nth-child(4)，而是根据数据长度动态为最后一行注入 class：
# 示例：Pandas Styler 替代方案（伪代码）
def add_last_row_class(df):
styles = []
for i, row in enumerate(df.itertuples()):
if i == len(df) - 1: # 最后一行
styles.append({'selector': 'tr:last-child', 'props': jc_props}) # ❌ 仍不可靠
# ✅ 正确：在 HTML 输出阶段为该行添加 class，再用 .last-row 选中
return df.style.set_properties(**jc_props, subset=pd.IndexSlice[-1:, :])更推荐在 HTML 渲染环节（如 Jinja2 模板）中处理：
立即学习“前端免费学习笔记（深入）”；
{% for i, row in enumerate(data) %}
<tr {% if loop.last %}class="last-row"{% endif %}>
<td>{{ row.cell }}</td>
</tr>
{% endfor %}? 总结：Outlook 邮件开发不是“写 CSS”，而是“打补丁式标记”。放弃动态选择器幻想，拥抱显式 class + 内联兜底策略——这是经过万封邮件验证的唯一稳健路径。
