如何显示一个块的前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>你在做什么很好

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效