如何在第一篇文章中显示div类“article_post_body”

Question

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

标题我想要仅显示页面的第一个帖子的帖子文本，标题等（“article_post_body”），导致下面的帖子网格只包含缩略图。

我可以使用css完全隐藏元素：

.article_post_body {display:none;}

但是，将此仅应用于第一篇文章的各种尝试都未成功，例如在＃Blog1小部件中使用<b:if cond='data:post.isFirstPost'>或应用:first-child等css选择器。

如果我错过了任何有用的信息，请告诉我们，谢谢！

Answer 1

这是你需要的css：

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

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

如果你查看当前的css，你有这个css控制第一篇文章的布局：

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

GL