3

这听起来很倒退，但我想采用现有的 CSS 类并将它们内联在元素本身中（css 样式和 html 元素在同一个文件中）。这是有原因的，对此我不再赘述。

例子：

<html>
<style type="text/css">
   .p1 { height: 10px; }
</style>

<body>
<p class="p1">...</p> <!-- Remove class="p1" and replace with style="height: 10px;" -->
<p class="p1">...</p>
<p class="p1">...</p>
</body>
</html>

请记住，可以有许多CSS 类，并且许多可以属于单个元素。

编辑： 我这样做的原因是因为（基于我们的客户端）我们想从 HTML 模板生成 PDF 文档。我们使用的 PDF 工具不适用于外部CSS 类。

4

2 回答 2

3

您正在寻找Premailer（也有可用的源代码）-它是一个 Ruby 库，可以做到这一点（内联 CSS 用于 HTML 电子邮件-但输出不是特定于 HTML 电子邮件-它应该可以与您的 PDF 文档生成器一起使用以及）。

lamson.html.HtmlMail如果您使用的是 Python，并且有多种 Node.js 库可用于执行相同的操作，也可以使用。

于 2012-09-05T18:02:14.680 回答
2

MailChimp 在他们的实验室中有一个页面，CSS Inliner - http://beaker.mailchimp.com/inline-css

然而，它确实离开了课堂。

于 2012-09-05T19:05:24.250 回答