Как показать первые N элементов блока и скрыть остальные в css?

Я пытаюсь скрыть первые 3 элемента, имеющие класс.row внутри блока.container.

То, что я делаю, скрывает все.row сначала, а затем я пытаюсь отобразить первые 3.row используя.row:nth-child(-n+3)

jsfiddle здесь:http://jsfiddle.net/z8fMr/1/

У меня есть две проблемы здесь:

Row 3 is not displayed, am I using nth-child in the wrong way? Is there a better practice than hiding everything and then creating a specific rule to display the n first elements that I want? Is there a way in css to just display the first 3 .row and then hide all the other .row ?

Благодарю.