html - 带打嗝的内联样式

Question

我有一个用 clojure hiccup 生成的 html 文档。当我将文件作为电子邮件附件发送时，CSS 被删除。 CSS 是外部的，在文件的头部被引用，如下所示:

[:head
  [:title "My Title"]
   (include-css "css/mycss.css")]

我听说邮件服务器删除了所有外部 css，因此它不会干扰他们的。我能够找到的一个解决方案是进行内联样式。例如，如果我有以下 html，我该如何对其执行内联样式。

[:thead
   [:tr [:th "First column"] [:th "Second column"] [:th "Third column"]]]

此外，如果对我想做的事情有更好的答案，请随时提出建议。谢谢!

Answer 1

hiccup 支持开箱即用的 {} 语法属性，因此您可以简单地使用它轻松地在元素上设置样式属性，例如 [:p {:style "color:#E0E0E0"} "My paragraph"] 会将颜色放在段落上。但我想在你的情况下，使用 style 元素将一般样式定义放在 head 元素中可能更方便。正如人们所期望的那样，打嗝支持 :style，例如

[:head [:title "My title"]
       [:style "body { padding-top: 60px; }"]].