显示限制项的条件css

说我有10个

，如何通过使用css隐藏另5个来将它们限制为5个？我必须像第N个孩子一样上5次课吗？是否可以在css中使用条件？因为

的数字是动态的，所以它可以是20、30或100。

如果您对jquery开放，您可以使用：

$（'p:gt（5）'）。hide（）

将隐藏第五个元素之后的所有

元素。
如果您对jquery开放，则可以使用：
$（'p:gt（5）'）。hide（）
将隐藏第五个元素之后的所有
元素。
您可以使用
第n个子元素（n+x）
选择器，例如：

p:nth-child(n+6) {
  display:none;  
}

这是一个演示，红色为6+

n+6
是公式方程式
an+b
（请参阅和）的缩写，对于>=0且其中a和b为大于0的整数的每一个“n”值，都会对该方程式进行迭代。因此，在这种情况下，完整的公式是等价的：

1n+6

如果
n
的值为0,1。。将给出：6,7。。。匹配第六个及以上标签

通过修改
b
我们可以创建间隔，例如：

2n+6

如果n的值为0,1，现在会产生6、8、10等等，从第6个标记开始，有效地匹配每一个
p
标记。
您可以使用
第n个子（n+x）
选择器，例如：

p:nth-child(n+6) {
  display:none;  
}

这是一个演示，红色为6+

n+6
是公式方程式
an+b
（请参阅和）的缩写，对于>=0且其中a和b为大于0的整数的每一个“n”值，都会对该方程式进行迭代。因此，在这种情况下，完整的公式是等价的：

1n+6

如果
n
的值为0,1。。将给出：6,7。。。匹配第六个及以上标签

通过修改
b
我们可以创建间隔，例如：

2n+6

对于n值为0,1的情况，现在会产生6,8,10等等，从第6个标记开始，有效地匹配每一个标记。
编辑：添加到已接受的答案

定义一个范围-选择
2到10之间的元素

:nth-child(n+2):nth-child(-n+10)

选择该范围内的偶数元素。

:nth-child(n+2):nth-child(-n+10):nth-child(even)

:nth-child(n+2):nth-child(-n+10):nth-child(odd)

选择该范围内的奇数元素。

:nth-child(n+2):nth-child(-n+10):nth-child(even)

:nth-child(n+2):nth-child(-n+10):nth-child(odd)

公式
an+b
的计算如下，其值始终为非负整数。

:nth-child(n+2):nth-child(-n+10):nth-child(even)

:nth-child(n+2):nth-child(-n+10):nth-child(odd)

注意：您不能在公式中除法或添加小数。
编辑：添加到已接受的答案

定义一个范围-选择
2到10之间的元素

:nth-child(n+2):nth-child(-n+10)

选择该范围内的偶数元素。

:nth-child(n+2):nth-child(-n+10):nth-child(even)

:nth-child(n+2):nth-child(-n+10):nth-child(odd)

选择该范围内的奇数元素。

:nth-child(n+2):nth-child(-n+10):nth-child(even)

:nth-child(n+2):nth-child(-n+10):nth-child(odd)

公式
an+b
的计算如下，其值始终为非负整数。

:nth-child(n+2):nth-child(-n+10):nth-child(even)

:nth-child(n+2):nth-child(-n+10):nth-child(odd)

注意：你不能在这个公式中除法或加小数。
实际上这是一个比我更好的答案，因为这只是css。这里的n代表什么？@dfox我更新了我的答案，并添加了一些解释和睡前阅读的链接。实际上这是一个比我更好的答案，因为这只是css。这里的n代表什么？@dfox我更新了我的答案回答时请给出一些解释和睡前阅读的链接。