Como mostrar os primeiros N elementos de um bloco e esconder os outros em css?
Eu estou tentando esconder os primeiros 3 elementos da turma.row
dentro do bloco.container
.
O que estou fazendo é esconder todo o.row
primeiro, e então eu estou tentando exibir os 3 primeiros.row
usando.row:nth-child(-n+3)
jsfiddle aqui:http://jsfiddle.net/z8fMr/1/
Eu tenho dois problemas aqui:
Linha 3 não é exibida, estou usando n-filho da maneira errada?Existe uma prática melhor do que esconder tudo e criar uma regra específica para exibir os n primeiros elementos que eu quero? Existe uma maneira em css para exibir apenas os 3 primeiros.row
e depois esconder todos os outros.row
?Obrigado.