Foros del Web » Creando para Internet » CSS »

Quitar estilo al último div de un bloque

Estas en el tema de Quitar estilo al último div de un bloque en el foro de CSS en Foros del Web. Buenos días! Quería preguntaros cómo podría quitarle de el borde inferior que pongo en mis bloques (sirven para separar cada noticia) del último div que ...
  #1 (permalink)  
Antiguo 07/08/2013, 02:38
Avatar de madman_18  
Fecha de Ingreso: agosto-2010
Mensajes: 792
Antigüedad: 14 años, 3 meses
Puntos: 14
Pregunta Quitar estilo al último div de un bloque

Buenos días!

Quería preguntaros cómo podría quitarle de el borde inferior que pongo en mis bloques (sirven para separar cada noticia) del último div que inserto como noticia.

La estructura que tengo es la siguiente:
Código CSS:
Ver original
  1. <div class='contenedor'>
  2. <div class='contenido-noticia'> contenido de las distintas noticias</div>
  3. <div class='contenido-noticia-par'> contenido de las distintas noticias</div>
  4. </div>

Como veis, cambio el estilo del bloque según sea par o impar...así que debería aplicar la norma css tanto para 'contenido-noticia' y 'contenido-noticia-par'.
He probado con :last-child pero no es correcto ( creo al menos vaya, o que no lo esté aplicando bien)

Un saludo y gracias de antemano!!
__________________
"Si consigues ser algo más que un hombre, si te entregas a un ideal, te convertes en algo muy diferente"
  #2 (permalink)  
Antiguo 07/08/2013, 02:40
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 8 meses
Puntos: 1826
Respuesta: Quitar estilo al último div de un bloque

Muestra tu código del last child porque debería funcionar, pero quizá haya que poner un important o mejorar su especificad.
  #3 (permalink)  
Antiguo 07/08/2013, 03:04
Avatar de madman_18  
Fecha de Ingreso: agosto-2010
Mensajes: 792
Antigüedad: 14 años, 3 meses
Puntos: 14
Respuesta: Quitar estilo al último div de un bloque

Cita:
Iniciado por Rafael Ver Mensaje
Muestra tu código del last child porque debería funcionar, pero quizá haya que poner un important o mejorar su especificad.
Código CSS:
Ver original
  1. div.contenedor:last-child div.contenido-noticia,div.contenedor:last-child div.contenido-noticia-par{
  2. border-bottom: none;
  3. }

No estoy muy seguro de si es correcto así o no
__________________
"Si consigues ser algo más que un hombre, si te entregas a un ideal, te convertes en algo muy diferente"
  #4 (permalink)  
Antiguo 07/08/2013, 03:05
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: Quitar estilo al último div de un bloque

Yo haría algo así:

Código HTML:
Ver original
  1. <div class='contenedor'>
  2.   <div>contenido de las distintas noticias</div>
  3.   <div>contenido de las distintas noticias</div>
  4. </div>

Código CSS:
Ver original
  1. div.contenedor div:nth-child(odd) {
  2.   /* Estilos para elementos impares */
  3. }
  4.  
  5. div.contenedor div:nth-child(even) {
  6.   /* Estilos para elementos pares */
  7. }
  8.  
  9. div.contenedor div:last-child {
  10.   /* Estilos para último elemento */
  11. }
  #5 (permalink)  
Antiguo 07/08/2013, 03:07
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: Quitar estilo al último div de un bloque

Cita:
Iniciado por madman_18 Ver Mensaje
Código CSS:
Ver original
  1. div.contenedor:last-child div.contenido-noticia,div.contenedor:last-child div.contenido-noticia-par{
  2. border-bottom: none;
  3. }
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.

Etiquetas: contenido, estilo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:16.