Ver Mensaje Individual
  #1 (permalink)  
Antiguo 02/05/2006, 05:16
Kailea
 
Fecha de Ingreso: marzo-2004
Ubicación: Sureste
Mensajes: 186
Antigüedad: 20 años, 1 mes
Puntos: 0
Problemas en la herencia con <ul> y <li>

Hola a tod@s,

Tengo un pequeño problema que no me había sucedido antes aplicando estilos a las listas desordenadas.

El problema está en que yo tengo dos capas con id diferentes, supongamos id1 e id2.

Pues dentro de id1 tengo una lista definida con sus estilos y en el CSS la tengo así:

Código:
#id1{
font-size:1.2em;
text-align: right;
padding-left: 10px;
float: right;}


#id1 ul{
vertical-align:bottom;
display: block;
list-style: none;
}

#id1 ul , li{
color: #CC3300;
font-weight: bold;
display: inline;
padding-left: 15px;
}
Pues bien, la lista que se en cuentra en la capa (div) id2 quiero que tenga otro estilo, pero... el problema está en que no me coge el nuevo estilo y aplica directamente el anterior. El nuevo estilo es este:

Código:
#id2 {
font-size:1.2em;
padding-left: 10px;
}

#id2 ul{
vertical-align: bottom;
display: block;
list-style: none;
}

#id2 ul, li{
color: #CC3300;
font-weight: bold;
padding-left: 15px;
}
Los div no están contenidos uno dentro del otro, si no que ambos están contenidos dentro de otro mayor que no tiene aplicados estilos a ul y li.

Y me estoy volviendo loca. Creo que es un problema de herencia, pero no sé si es posible "desheredar".

Gracias por vuestra ayuda,
Kailea.