如何显示一个块的前N个元素并隐藏在css中的其他元素?

前端之家收集整理的这篇文章主要介绍了如何显示一个块的前N个元素并隐藏在css中的其他元素?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图隐藏在块.container内的类.row的前3个元素。

我正在做的是首先隐藏所有的.row,然后我试图通过使用.row:nth-​​child(-n 3)显示第一个3.row。

jsfiddle在这里:http://jsfiddle.net/z8fMr/1/

我在这里有两个问题:

第3行不显示,我以错误的方式使用第n个孩子吗?
>有没有更好的做法比隐藏所有的东西,然后创建一个特定的规则来显示我想要的第一个元素?有没有办法在css中显示第一个3 .row然后隐藏所有其他的.row?

谢谢。

解决方法

>你有一个.notarow作为第一个孩子,所以你必须在你的:nth-​​child()公式中解释它。因为这个.notarow,你的第一个.row成为父母的第二个孩子,所以你必须从第二个到第四个开始计数:
.row:nth-child(-n+4){
    display:block;
}

Updated fiddle>你在做什么很好

猜你在找的CSS相关文章