Código CSS : Hacer referencia primer y último elemento

Fecha Publicación:       05 de Julio de 2023
Fecha Modificación:       05 de Julio de 2023

.container_item: firts-child {}
.container_item: last-child {}

ul.navegacion  li: firts-shild  {establece estilos solo al primer elemento de la lista}
ul.navegacion  li: last-shild  {establece estilos solo al último elemento de la lista}

&: firts-shild  {}  * atajo en sass

Quitar estilo al último div de un bloque

div.contenedor:last-child div.contenido-noticia,div.contenedor:last-child div.contenido-noticia-par{
   border-bottom: none;
}

Codigo html

<div class='contenedor'>
  <div>contenido de las distintas noticias</div>
  <div>contenido de las distintas noticias</div>
</div>

Código CSS 

div.contenedor div:nth-child(odd) {
  /* Estilos para elementos impares */
}
 
div.contenedor div:nth-child(even) {
  /* Estilos para elementos pares */
}
 
div.contenedor div:last-child {
  /* Estilos para último elemento */
}

Ahí estás indicando que los estilos se apliquen a div.contenido-noticia y div.contenido-noticia-par en el último hijo que sea un div con la clase .contenedor

 

Articulo : 675 - Veces Leidas
Compartir Articulo:
×

¡Apóyame suscribiéndote a mi canal!

Tutoriales sobre Diseño Web