如何显示前3个列表项，并使用CSS第n个子项隐藏其余项？

是否可以使用CSS选择器选择超过定义数字的多个子项

我想隐藏超过3的所有列表项：

1. 2. 3. 4. 5. ul li:nth childX{ 显示：无； }

---

我不知道哪个浏览器支持此功能，但您可以将公式传递给类型为：

ul li:nth-of-type(1n+4) {display: none;} /* should match your case */

进一步详情如下：

编辑

我将它从n+4改为1n+4，因为第一个版本可以工作，但无效。我在媒体查询中使用此选项在较小的屏幕上隐藏剪切的项目

例子： b:n-of-type1n+4{不透明度：.3；} 1. 2. 3. 4.

---

5类似的@user854301不太……为什么：第n个类型而不是第n个孩子？它们都接受公式，它们都可以与li互换使用（假设标记有效），并且浏览器支持完全相同。@BoltClock那么您是否建议使用：nth child？如果是这样，正确的方法是什么？@Yahreen:任何一种都可以。我只是觉得奇怪，你问：n个孩子，但他在一条切线上走，建议改为：n个类型。@BoltClock他/她对：n个类型的解决方案在我的代码中起作用，但我无法让：n个孩子起作用。如果两者在浏览器兼容性方面是相同的，我想这不会有什么区别？@Yahreen：好吧，两个选择器都接受相同的公式，对li元素应该没有任何区别。两者之间有细微的区别，但这是无关的。我们能看一个演示吗？你的：n个孩子不工作了？