Foros del Web » Creando para Internet » CSS »

Problema Herencia

Estas en el tema de Problema Herencia en el foro de CSS en Foros del Web. Hola! Tengo un problema de herencia que no se resolver. Tengo dos sidebars (uno a la derecha y otro a la izquierda), para lo demás, ...
  #1 (permalink)  
Antiguo 09/04/2008, 10:56
 
Fecha de Ingreso: marzo-2008
Mensajes: 80
Antigüedad: 9 años, 8 meses
Puntos: 0
Problema Herencia

Hola!

Tengo un problema de herencia que no se resolver. Tengo dos sidebars (uno a la derecha y otro a la izquierda), para lo demás, tienen exactamente las mismas características:

#sidebarL, #sidebarR{
width:180px;
background-color:#FFFFFF;
border:medium solid #669933;
}

#sidebarR{
float:right;
margin-left:20px;
}

#sidebarL{
float:left;
margin-right:20px;
}

El problema es que he redefinido los h1 del sidebar:

#sidebarR h1
{
background-color:#669933;
color:#FFFFFF;
font-size:18px;
font-weight:bolder;
margin:3px;
padding:10px;
text-align:center;
line-height:1.2;

}

este estilo (#sidebarR h1) también quiero aplicarlo a #sidebarL. Sé que puede hacerse copiando la misma regla (#sidebarL h1), pero estro lo encuentro muy guarro! como puedo indicar que quiero que se aplique el mismo estilo?

Muchas gracias
  #2 (permalink)  
Antiguo 09/04/2008, 11:03
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 10 meses
Puntos: 771
Re: Problema Herencia

Hola Bram

Prueba así:

Código:
#sidebarR h1, #sidebarL h1 { }
Saludos,
  #3 (permalink)  
Antiguo 09/04/2008, 11:03
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Problema Herencia

Pues igual que has hecho arriba, es decir:

#sidebarL h1, #sidebarR h1 {

Mikel.
  #4 (permalink)  
Antiguo 09/04/2008, 12:21
 
Fecha de Ingreso: marzo-2008
Mensajes: 80
Antigüedad: 9 años, 8 meses
Puntos: 0
Re: Problema Herencia

Claro, ¡como no se me había ocurrido!

yo ya estaba rallandome en hacer un sideboard padre que tubiese los h1 y luego sacar el sideboardR y el sideboardL (hijos del sideboard padre) y que cada uno de ellos tubiese su float:right o float:left.

Ha funcionado. Gracias!
  #5 (permalink)  
Antiguo 09/04/2008, 12:32
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Problema Herencia

Cita:
Iniciado por JavierB Ver Mensaje
Hola Bram

Prueba así:

Código:
#sidebarR h1, #sidebarL h1 { }
Saludos,
Buen choque, JavierB. 24 segundos de diferencia. Voy a pedir la fotofinish

Mikel.
  #6 (permalink)  
Antiguo 10/04/2008, 04:44
 
Fecha de Ingreso: marzo-2008
Mensajes: 80
Antigüedad: 9 años, 8 meses
Puntos: 0
De acuerdo Re: Problema Herencia

Esto si es rapidez y lo demás son tonterias :)
  #7 (permalink)  
Antiguo 10/04/2008, 09:57
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 10 meses
Puntos: 771
Re: Problema Herencia

Cita:
Iniciado por Mikmoro Ver Mensaje
Buen choque, JavierB. 24 segundos de diferencia. Voy a pedir la fotofinish

Mikel.
Hola Mikmoro, me parece que es le primera vez que chocamos (Ten cuidado también con caricatos que es de los habituales en chocar)

Saludos,
  #8 (permalink)  
Antiguo 10/04/2008, 10:09
Avatar de djdraft  
Fecha de Ingreso: abril-2008
Mensajes: 118
Antigüedad: 9 años, 8 meses
Puntos: 0
Re: Problema Herencia

Pues para las herencia no puedes hacerlo asi #sidebarl #sidebarR, debes ponerlo aparte asi
#sidebarL {

}

#sidebarR {

}

en cuanto a la herencia lo hago de la siguiente manera si quiero afectar solo los h1 o los link de el sidebarR hago esto

#sidebarR A. h1 {

}

y asi todo lo que contenga A y h1 dentro de sidebarR sera afectado por la oja de 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 19:12.