如何将块级样式/CSS转换为内联CSS？

Question

我将编写一个HTML/CSS邮件模板，以便在Gmail和其他邮件中触发。然而，Gmail不会加载<style>块，因此我必须使用内联的“style”属性来使它工作。

为了说明问题：

<style>
    .center {
        text-align:center;
    }
</style>
<a class="center"> text </a>

转换为：

<a class="center" style="text-align:center;"> text </a>

有没有人知道更好的方法或任何程序来完成这个任务？

- Alvaro Silvino

---

我已经成功地使用了premailer，它可以满足你的需求。 - aw04

@aw04，那个premailer是什么？ - Alvaro Silvino

https://github.com/premailer/premailer - aw04

这是我不知道存在的东西！太酷了！！你知道有没有类似于Java或JavaScript的工具吗？ - Alvaro Silvino

实际上，我想这就是我用的那个链接。它可以与Grunt任务运行器集成。还有其他选项，如果你在Google上搜索Premailer，会出现很多。https://github.com/dwightjack/grunt-premailer - aw04

Answer 1

有一个为工作而设计的Web应用程序。

将CSS规则转换为内联样式属性

https://inlinestyler.torchbox.com/

- Stickers

Answer 2

Premailer 是一个很好的工具，可以生成内联样式并为电子邮件准备代码。

你甚至可以将其与 grunt 或 gulp 集成到你的任务运行器中。

- aw04