最新版Outlook桌面客户端（2019/Microsoft 365）是否支持多CSS类？

安全阿岳

2026-9-29

问题确认

你描述的情况完全属实。Windows端Outlook 2007及之后的版本均采用Microsoft Word作为邮件渲染引擎，该引擎存在已知缺陷：解析元素的class属性时只会读取第一个类名，后续类名会被直接忽略，因此你示例中的class2样式完全不会生效。

可行解决方案

方案1：合并多类样式为单个类
把需要同时生效的多个类的样式整合为一个独立类，给元素仅应用这一个类即可。针对你的示例可以修改为：
```
<style>
  .class-combined { 
    color: red;
    border: 1px solid blue;
  }
</style>
<p class="class-combined">所有样式均能正常生效</p>
```
方案2：改用内联样式（最稳妥）
内联样式是所有邮件客户端兼容性最高的写法，完全不会出现类名识别问题，直接把样式写在元素的style属性中即可：
```
<p style="color: red; border: 1px solid blue;">所有样式均能正常生效</p>
```
方案3：属性选择器兼容写法（仅适合部分场景）
如果确实需要保留多类的写法，可以用属性模糊匹配选择器绕过这个缺陷，不过仅对2016及之后的部分Outlook版本生效，不推荐作为核心方案：
```
<style>
  .class1{ color: red }
  [class~="class2"] { border: 1px solid blue }
</style>
<p class="class1 class2">两个类的样式均能被识别</p>
```