javascript - 如何仅在第一篇文章中显示 div 类 "article_post_body"

Question

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

如标题所示，我只想显示页面第一篇文章的文章文本、标题等(“article_post_body”)，导致下面的文章网格仅包含缩略图。

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

.article_post_body {display:none;}

然而，仅将其应用于第一篇文章的各种尝试均未成功，例如利用 <b:if cond='data:post.isFirstPost'>在 #Blog1 小部件中或应用 css 选择器，例如 :first-child .

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

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:

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

gl.