如何自定义仅存档/主页上的第一篇文章的CSS?

用户3832265

所以在问这个问题之前,我做了很多研究。我已经知道如何使用if / else和条件标签使某些代码仅适用于某些页面,但是,我注意到那里并没有一个单独的指南或问题解答来解决我关于仅对第一个/我的博客中的最​​新帖子。我最接近找到解决方案的地方(除了我没有能力执行的代码)是:http : //helplogger.blogspot.ro/2014/01/create-magazine-style-layout- for-blogger-posts.html

该教程中的示例站点:http : //helploggertestblog.blogspot.com/

上面脚本的问题在于它过于自动化了,我不需要其他帖子的摘要或缩略图,我只是想更改第一篇文章的外观。我喜欢第一篇文章的宽度增加了,加了边框,颜色改变了,什么都没有。

是否有人对我如何隔离要寻找的东西,将我指向正确的方向,甚至递给我一个通用的容器以使我的生活继续下去有任何想法?

链接

没有看到您的任何代码,这有点猜测,但是无论如何我都会尝试一下。

我猜您在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;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

显示wordpress的第一篇文章

如何修复上一篇文章缩略图中的“尝试获取非对象的属性”通知

如何显示每个标签的第一篇文章

下一个上一篇文章在WordPress中

WordPress的:第一篇,专栏;其他文章,2栏

如何用octopress可视化我的第一篇文章?

获取Instagram用户的第一篇文章

如何自定义博客作者的第一篇文章

jQuery UI手风琴仅适用于第一篇文章:WordPress自定义文章类型

复杂的SQL Server查询-上一篇文章的扩展

下一篇和上一篇文章以相同的术语链接自定义分类法

WordPress的第一篇文章只在首页上有所不同

WordPress循环会忽略三个单独的meta_values的第一篇文章

一篇文章中多个外部链接的Wordpress高级自定义字段外部链接文本

Rails App中的上一篇文章

删除第一篇文章并在PHP中显示第二篇文章

使用wp_query检查第一篇文章

RoR-具有“查看更多信息”的博客条目会展开和折叠,仅指向第一篇文章

PHP - Wordpress 上一篇文章链接显示在最后一篇文章中

如何显示与其他人不同的wordpress第一篇文章?

WP posts_per_page 和偏移量跳过第一篇文章

在 Wordpress 循环中的第一篇文章后添加一个 div

单击自定义分类法时,如何使用第一篇文章数据在同一页面上重定向?

wordpress:为第一篇文章设置自定义类,然后是下 2 篇文章,其余的则不同

在顶部显示模型中的第一篇文章

如何只编辑一篇文章而不是迭代循环所有文章?

仅在 Vanilla JavaScript 中附加在第一篇文章上的评论

为什么我循环中的第一篇文章意外缩进

网页抓取:上一篇文章需要帮助并找到链接