Question

所以在提出这个问题之前我做了很多研究。我已经知道如何使用if / else和条件标签来使某些代码仅适用于某些页面，但是我注意到没有单一的指南或问题 - 答案解决了我的问题，只有造型第一个/我博客上的最新帖子。最接近我找到解决方案（除了我没有实施技能的代码），就是这个：http://helplogger.blogspot.ro/2014/01/create-magazine-style-layout-for-blogger-posts.html

该教程的示例网站：http://helploggertestblog.blogspot.com/

上述脚本的问题是过于自动化，我不需要为其他帖子提供摘要或缩略图 - 我只是想改变第一篇文章的外观。我喜欢第一个帖子的宽度增加，有边框，颜色变化，什么不是。

有没有人对我如何隔离我正在寻找的东西有任何想法，指出我正确的方向，或者甚至递给我一个普通的容器以便我可以继续我的生活？

Answer 1

没有看到你的任何代码，它有点猜测，但无论如何我都会试一试。

我猜你在div或其他父元素中有帖子。像这样：

<div class="container">
    <div>
        <h3>Title</h3>
        <p>Content of the post ... </p>
    </div>
    <div>
        <h3>Title</h3>
        <p>Content of the post ... </p>
    </div>
    <div>
        <h3>Title</h3>
        <p>Content of the post ... </p>
    </div>
</div>

要仅设置容器内第一个div的样式，您可以使用：

.container > div:nth-first-child {
   /* your specific style here */
}

使用您的代码，它会更容易帮助......

修改
使用：

.blog-posts > .post-outer:first-child { background: green; }

Answer 2

第一篇文章有一个条件标签

<b:if cond='data:post.isFirstPost'> 
Your custom css only for the 1st post here
</b:if>

如何在存档/主页上自定义我的第一篇文章的CSS？

2 个答案: