mostrar n elementos de una lista

[evoarte]

buenas noches,

se podría con las seudo-clases de css3 mostrar un número determinado de <li> de una lista desordenada <ul> (mostrar los primeros 4 elementos <li> de un total de 8 de la lista <ul>) ?

un saludo,
josé carlos.

[pzin]

Podrías hacer algo así:

Código CSS:

li:nth-child(1n+5) {
  display: none;
}
 

Ocultaría todos los elementos a partir del quinto y los cuatro primeros no se verían afectados.

[evoarte]

hola, gracias por tu respuesta,

¿esto mismo es posible hacerlo sobre un conjunto de div asociados a una clase?, he intentado algo así, pero oculta todos:

Código CSS:

div.nombreclase:nth-child(1n+5) {
  display: none;
}
 

un saludo,
josé carlos.

[pzin]

Si es posible. Pero ten en cuenta que si hay otros elementos no funcionará.

Para eso mejor usar nth-of-type().

[evoarte]

hola,

aunque lo he conseguido no entiendo del todo como funciona la función, tengo 3 bloques de 10 de estos div.nombreclase.

para que muestre los 3 bloques pero con 4 div.nombreclase he tenido que añadir esta función

Código CSS:

div.nombreclase:nth-of-type(n+9) {
  display: none;
}
 

gracias,

un saludo,
josé carlos