php - Mailjet剥离<style>标签，应用其自己的内联样式

Question

我有以下树枝模板：

<style>
    div {
        font-family: Transit,"Segoe UI Emoji",sans-serif;
        font-size: 22px;
        font-weight: 400;
        line-height: 1.7;
    }
    h1, h2, h3, h4, h5, h6 {
        margin-bottom: .5em;
        font-weight: 700;
        line-height: 1.5;
    }
    h1 {
        font-size: 40px;
    }
    h2, h3 {
        font-size: 31px;
    }
    h4 {
        font-size: 24px;
    }
    b, strong {
        font-weight: 700;
    }

</style>

<h1>{{ data.headline }}</h1>

<div>{{ data.body|raw }}</div>

{% if data.image_url is defined and data.image_url != null %}
    <img src="{{ data.image_url }}">
{% endif %}

...呈现并传递给mailjet。但是，当mailjet通过电子邮件发送呈现的模板时，它将剥离<style>元素，并将其自己的内联style属性直接应用于这些元素。

如何获得所需的样式以在mailjet电子邮件中呈现？ （由于我的内容来自所见即所得编辑器中用户输入的文本，因此我无法轻松地在标签本身上对style属性进行硬编码。）

Answer 1

在您的样式中，将所有内容都指定为!important，它将覆盖内联生成的所有其他css。