如何仅在第一个 post 上显示 div class "article_post_body"

Question

首先，我正在尝试编辑的博客布局：[已删除]

如标题所示，我只想在页面的第一个 post 显示 post 文本、标题等 ("article_post_body")，结果是 post 下方的网格仅包含缩略图。

我可以使用 css 简单地完全隐藏该元素：

.article_post_body {display:none;}

然而，仅将其应用于第一个 post 的各种尝试都没有成功，例如在 #Blog1 小部件中使用 <b:if cond='data:post.isFirstPost'> 或应用 css 选择器，例如 [=16] =].

如果我遗漏了任何有用的信息，请告诉我，谢谢！

Answer 1

这是 css 需要的内容：

.article_post_body {display: none;}
.col:first-child .article_post_body {display: block;}

第一行将隐藏所有 article_post_body，而第二行将仅显示第一个 child 的 article_post_body。

如果您查看当前的 css，您有这个 css 控制第一个 post 的布局：

.col:first-child {padding: 1% 0 5% 20%; width: 80%;}

gl.

How to show div class "article_post_body" on first post only