只需指向使用CSS伪类的文章列表中的第一个元素,如下所示:PS。我已经习惯了使用更少的类,所以我将给您提供。语法更少,但你可以自己解决?
.container-with-your-posts {
> .post-container {
&:first-child {
h1 {
your styles for the title
}
img {
your styles for the thumb
}
}
}
}
如果您声明doctype,这将在IE8中起作用。如果你不关心IE8(而且你真的不应该),你也可以使用
:nth-child(1)
Edit:好的,我可以在下面的评论中看到,你正在努力解决的问题越来越少了,所以你来吧,我将使用CSS。既然您想将其存档,我们从以下内容开始:
.archive {
}
然后,让我们选择posts容器:
.archive #content {
}
现在,让我们选择所有文章(帖子):
.archive #content article {
}
把范围缩小到第一个:
.archive #content article:first-child {
}
现在,为了确保我们不会指向内容中的其他文章(不太可能,但仍然-比抱歉更安全),让我们添加一个直接子选择器。正如所说,这有点过头了,但见鬼的是:
.archive #content > article:first-child {
}
所以现在你在你的档案列表的第一篇文章(帖子)中。现在,您可以根据需要缩小范围(一次选择一个选择器),或者从这里开始,您可以像这样选择缩略图:
.archive #content > article:first-child .entry-thumbnail {
width: //set your width;
}
标题如下:
.archive #content > article:first-child .entry-title {
font-size: //set your size;
}