我试图隐藏在块.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>你在做什么很好