Problema Herencia

[Bram]

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

[JavierB]

Hola Bram

Prueba así:

Código:

#sidebarR h1, #sidebarL h1 { }

Saludos,

[Mikmoro]

Pues igual que has hecho arriba, es decir:

#sidebarL h1, #sidebarR h1 {

Mikel.

[Bram]

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!

[Mikmoro]

Iniciado por JavierB

Hola Bram

Prueba así:

Código:

#sidebarR h1, #sidebarL h1 { }

Saludos,

Buen choque, JavierB. 24 segundos de diferencia. Voy a pedir la fotofinish

Mikel.

[Bram]

Esto si es rapidez y lo demás son tonterias :)

[JavierB]

Iniciado por Mikmoro

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,

[djdraft]

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