我知道使用 JavaScript 很容易做到这一点。例如，如果我想隐藏 50 岁以后的所有 child ，我只需要这样做:
$("#container").find('div').each(function(){
if ($(this).index() > 50) $(this).hide();
})
但是可以用纯 CSS 来实现吗？
注意:
- child 总数不是固定的。它可能会改变(通过其他 JavaScript 代码
- 我只需要支持Chrome，不需要考虑其他浏览器
- 我无权访问 HTML DOM 本身(因为我正在构建 Chrome 扩展程序)
更新:
- 抱歉，我想从
a 隐藏到所有下一个(最后一个) child 。我已经编辑了我的问题。它不是来自a~b。 - div 是唯一的 child 。此容器中没有其他 child 。
最佳答案
.container div:nth-child(n+51) {
显示:无；
}
n 是循环数，51 是偏移量，因此将从第 51 个元素开始，然后每 1 个元素重复一次。
关于html - 是否可以在纯 CSS 中自动隐藏第 (a ~ MAX) 个子元素的所有范围？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51360166/