html - 我怎样才能在帖子列表中只显示第三张图片？

Question

我目前在我的主页上有一个帖子列表，其中包含我网站上的最新帖子。现在每个帖子都显示图像，但我只想显示第 1、4、8 个图像等。我尝试使用子标签，但所有图像似乎都在使用 (1)。对此有任何修复吗？

你可以在这里看到。

标签： htmlwordpresscss-selectors

Answer 1

您必须应用nth-of-type到帖子本身（即article标签），并为图像添加一个选择器，这样就类似于

article:nth-of-type(2n) .attachment-post-thumbnail,
article:nth-of-type(3n) .attachment-post-thumbnail,
article:nth-of-type(4n) .attachment-post-thumbnail {
  display: none;
}

在每 2、3 和 4 篇文章中隐藏图像