在 Tumblr 中为每个帖子定义风格答案

【问题标题】：Defining style on a per post basis in Tumblr在 Tumblr 中为每个帖子定义风格
【发布时间】：2011-11-28 14:04:57
【问题描述】：

我创建了以下样式作为博客文章的标题。

h4 {font-family: "futura", "helvetica", sans-serif; position:center; line-height:56px;      
font-size:38px; letter-spacing:1px; font-weight:bold; text-align:center; padding-
right:20px; padding-left:20px; color:white;border-style:solid;
border-top-width: 22px; border-bottom-width: 0px; border-left-width:0px; border-right- 
width:0px; border-top-color:#F15B4C; border-bottom-color:#F15B4C; background-
color:#F15B4C;}

我正在开发的网站将展示几个“链”的艺术作品。每条链都由艺术家随着时间的推移重新制作同一件艺术品而联系在一起。我想用标题的独特背景颜色来区分每个链。

我希望能够以某种方式更改每个帖子的颜色，但由于这是一个被黑的 Tumblr 主题，所以我能做的事情有限。关于如何在 Tumblr 的混合 HTML/CSS 样式中创建其他样式的任何建议？

【问题讨论】：

作为参考，我正在处理的网站是Muxel.cc。而且我是 HTML/CSS 的新手，所以非常感谢您的帮助！我已经尝试了很多可能的解决方案，但到目前为止都没有运气。
您将如何识别每个链（在 HTML 中）？这是关键问题。
@Marcin 现在我只是在每个帖子的 HTML 编辑器中定义标题样式，但我希望能够在每个帖子上使用标签并定义它继承的 CSS 样式.唯一的问题是每个帖子实际上使用了两种不同的标题样式：一种用于较大的文本，另一种用于其下方的小文本。

标签： html css colors styling tumblr

【解决方案1】：

你可以通过标签来做到这一点。

<div class="caption {block:Tags} {Tag}{/block:Tags}" >

这应该将“chain3”类应用到你的类中以获得该标题。

然后在你的 CSS 中...

.caption.chain3 {background-color:#0000ff;}

当然，这一切都取决于您的标签是 CSS 可以解释为类声明的字符串。像“Friendship Is Magic”这样的标签不能是 CSS 类。

【讨论】：

不知道这个答案发布时是否可用，但 Tumblr 模板 API 现在有 {TagsAsClasses}，它将以 HTML 类友好格式打印所有标签。