电子邮件基础：未内联CSS类

Question

我正在使用Foundation for E-Mail创建模板。当我通过运行yarn start预览模板时，一切正常，但是当我yarn build模板时，我的自定义CSS类将不会被内联。

例如

<p class="pd-footer-contact">
   Lorem ipsum
</p>

将成为

<p class="pd-footer-contact" style="Margin:0;Margin-bottom:10px;color:#4A4A4A;font-family:'Brandon Text',Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;margin-bottom:10px;padding:0;text-align:left"><strong>Lorem ipsum</p>

尽管内联样式不是CSS类中的样式。我是在做错什么还是误解了内联过程是如何工作的？

Answer 1

在

标记上看到的样式是在每个电子邮件版本中都包含的foundation.css文件中分配的样式。