风格甚至奇怪的Tumblr帖子

时间:2016-07-09 18:56:37

标签: html css tumblr

我有一个想法做Tumblr主题,其中帖子的显示方式不同,具体取决于它们是偶数还是奇数。我知道如何直接使用HTML,但是,我是Tumblr编码的新手。这就是我的意思:

Mockup of what I'm looking to accomplish

有什么想法?这可以在Tumblr的代码中完成吗?我知道如何插入{Block: Post}内容,但我不确定如何让Tumblr将帖子拆分为偶数或奇数......

2 个答案:

答案 0 :(得分:1)

正如@Rory McCrossan所说,nth-child是实现这一目标的好方法。

tr {
  background: red;
}

tr:nth-child(odd) {
  background: blue;
}

https://jsfiddle.net/q710v9h4/

你可以做n-child(奇数)或nth-child(偶数)。 看看这里:http://nthmaster.com/

答案 1 :(得分:1)

Tumblr专门用于奇数和偶数帖子。您可以轻松地将相关类添加到帖子中,具体取决于它是奇数还是偶数。例如:

<div class="post {block:Odd}odd{/block:Odd}{block:Even}even{/block:Even}">
    ...
</div>

您还可以使用这些奇数和偶数块来包围奇数甚至特定的CSS。