首页 > 解决方案 > 电子邮件基础:未内联的 CSS 类

问题描述

我正在使用 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 类的样式。我做错了什么或误解了内联过程的工作原理吗?

标签: cssemailzurb-foundationhtml-emailzurb-ink

解决方案


你看到的款式

标签是在foundation.css 文件中分配的标签,该文件包含在每个电子邮件构建中。


推荐阅读