no maqueto mucho y me he encontrado con cierta situación.
Tengo una serie de párrafos dentro un div. Quisiera aplicar un estilo CSS a todos los párrafos a partir de una posición determinada, por ejemplo, a partir del tercer párrafo el resto no aparecerán, es decir que el siguiente código:
<div class="prueba">
<p>lorem ipsum</p>
<p>lorem ipsum</p>
<p>lorem ipsum</p>
<p>lorem ipsum</p>
<p>lorem ipsum</p>
</div>
muestre sólo:
lorem ipsum
lorem ipsum
lorem ipsum
Nota: el número de párrafos es indeterminado, por eso no puedo hacer algo como:
p:nth-of-type(4),
p:nth-of-type(5) {
display: none;
}
nth-child
nonth-of-type
pero la sintaxis es la misma