Exibindo os 3 primeiros itens da lista e ocultando o resto com CSS nth-child
É possível selecionar vários filhos além de um número definido com seletores CSS?
Gostaria de ocultar todos os itens da lista anteriores ao nº 3:
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li> //hide this
<li>5</li> //hide this
</ul>
ul li:nth-child(X) {
display:none;
}