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