带打嗝的内联样式

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 元素中可能会更方便。正如人们所期望的那样，hiccup 支持

:style

，例如

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