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

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

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

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

У меня тут две проблемы:

1. Строка 3 не отображается, я неправильно использую n-й -дочерний элемент?
2. Есть ли лучшая практика, чем скрывать все, а затем создавать конкретное правило для отображения n первых элементов, которые я хочу?Есть ли способ в css просто отобразить первые 3 .row, а затем скрыть все остальные .row?

Спасибо.