从其他位置获取跨度数据时覆盖跨度标签

Question

我有这个HubL代码（HubSpot）：{{post.summary}}。这会提取每个博客文章的摘要，并将其添加到我放置HubL的任何位置（以我为例，用于发送电子邮件）。

但是，它不仅可以拉文本，还可以拉文本和CSS。即

<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的大小。

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

Answer 1

从博客摘要中删除跨度内的样式。在博客的样式表中设置字体。当使用HubL调用博客摘要时，不应跳过。另外，请参阅documentation，了解如何删除使用HubL提取的HTML。

Answer 2

rem单位相对于根元素的字体大小。如果使用该单位设置了元素的字体大小，则更改其父元素的字体大小将无效。

修改post.summary的内容，无论是在数据的原始位置还是在变量中。 （由于您说的是电子邮件，因此您无法在页面加载后使用JavaScript来操作DOM，这反而是最丑陋的解决方案。）