Я пытаюсь скрыть первые 3 элемента, имеющие класс .row
внутри блока .container
.
Что я делаю, сначала скрывает все .row
, а затем я пытаюсь отобразить первые 3 .row
с помощью .row:nth-child(-n+3)
jsfiddle здесь: http://jsfiddle.net/z8fMr/1/
У меня здесь две проблемы:
- Строка 3 не отображается, я использую nth-child неправильным образом?
- Есть ли более эффективная практика, чем скрытие всего, а затем создание определенного правила для отображения n первых элементов, которые я хочу? Есть ли способ в css просто отобразить первые 3
.row
, а затем скрыть все остальные.row
?
Спасибо.