从内联的 HTML 电子邮件中删除标题 CSS 规则是否安全？

【问题标题】：Is it safe to remove header CSS rules from inlined HTML email?从内联的 HTML 电子邮件中删除标题 CSS 规则是否安全？
【发布时间】：2019-04-28 04:11:29
【问题描述】：

我正在使用Mailchimp's CSS inliner tool 将我的所有 CSS 内联用于 HTML 电子邮件。但它不会删除标题中的样式规则。

HTMLemail.io inliner 也是如此。标题 CSS 仍然存在。

内联后从标头中删除 CSS 规则是否不安全？

【问题讨论】：

【解决方案1】：

媒体查询不适用于内联元素。因此，如果您有媒体查询规则，它们就不能被内联。这就是为什么<style>标签有时也需要注入。

请记住，<style> 标记并不支持所有电子邮件客户端，例如 gmail。 https://www.campaignmonitor.com/css/style-element/style-in-head/

【讨论】：

这是否意味着任何属于媒体查询的规则都不能被删除，或者只是媒体查询规则本身？删除@media {...} 部分之前的所有内容是否安全
@media 中的所有内容都不会作为内联元素注入。其他规则可能没有在任何地方使用，也没有移动到内联样式中，我认为它们可以安全地删除，@media 查询里面没有所有规则。