Html 我怎样才能只显示帖子列表中的每三张图片？

我目前在我的主页上有一个帖子列表，其中包括我网站上的最新帖子。现在每篇文章都会显示图片，但我希望只显示第一、第四、第八张图片等。。我曾尝试使用child标签，但所有图像似乎都在使用（1）。有什么解决办法吗

---

您可以看到它。

您必须将类型的第n个应用于帖子本身（即

文章

标记），并为图像添加一个选择器，这样类似于

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篇文章中隐藏图像

假设您的主页HTML如下所示：

<div class="post">
  <img class="post-thumbnail" alt=""/>
</div>
<div class="post">
  <img class="post-thumbnail" alt=""/>
</div>
<div class="post">
  <img class="post-thumbnail" alt=""/>
</div>
<div class="post">
  <img class="post-thumbnail" alt=""/>
</div>
<div class="post">
  <img class="post-thumbnail" alt=""/>
</div>
<div class="post">
  <img class="post-thumbnail" alt=""/>
</div>
<div class="post">
  <img class="post-thumbnail" alt=""/>
</div>
<div class="post">
  <img class="post-thumbnail" alt=""/>
</div>
<div class="post">
  <img class="post-thumbnail" alt=""/>
</div>
<div class="post">
  <img class="post-thumbnail" alt=""/>
</div>
<div class="post">
  <img class="post-thumbnail" alt=""/>
</div>
<div class="post">
  <img class="post-thumbnail" alt=""/>
</div>

您有几个选项可以隐藏其中一些选项：

如果循环索引达到4的倍数（

$index%4===1），PHP=>将不会回显图像。最好的解决方案是，您不需要的映像不会加载到DOM中，也不会被请求

CSS=>将隐藏类型为的第n个img标记。然而，我不认为这是最好的选择，因为你渲染标签，加载它们，然后隐藏它们

.后img{ 显示：无； } .职位：第n个类型（4n）{ diplay：块； }