html - 从另一个位置获取跨度数据时覆盖跨度标记

Question

我有这个 HubL 代码（HubSpot）：{{ post.summary }}。这会提取每篇博客文章的摘要并将其添加到我放置 HubL 的任何位置，在我的情况下是电子邮件。

然而，它不只是拉文本，它拉文本和它的 CSS 一起。IE

<span style="font-size: 1.25rem;">
   This text here sits in the blog post.
</span>

在电子邮件中，我不希望它summary是font-size: 1.25rem，我希望它是14px。

我认为简单地在电子邮件中设置座位的样式就可以<p>了：summary

<p style="font-size: 14px;">{{ post.summary }}</p>

但由于某种原因，1.25rem 的大小仍然可见。

有没有办法覆盖我缺少的大小？

标签： htmlcss

Answer 1

从博客摘要中删除跨度内的样式。在博客的样式表中设置字体。使用 HubL 调用博客摘要时，它不应该通过。或者，请参阅有关如何删除使用 HubL 拉出的 HTML的文档。