我目前在我的主页上有一个帖子列表,其中包含我网站上的最新帖子。现在,每个帖子都显示该图像,但我希望仅显示第1,第4,第8个图像,等等。我试图使用child标记,但所有图像似乎都在使用(1)。有任何解决方法吗?
您可以看到它here。
您必须将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; }
将在第二,第三和第四篇文章中隐藏图像
假设您的主页HTML看起来像这样: