Problemas en la herencia con <ul> y <li>

[Kailea]

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.

[JavierB]

Hola Kailea

Parece que tienes un error en esta línea:

#id1 ul , li{

Estás definiendo un estilo para los ul que se encuentren dentro de #id y para todos los li Tendrías que ponerlo así:

#id1 ul , #id1 li{

Espero que te sirva. Saludos,

[Kailea]

¡Genial! Funciona perfectamente. De todos modos, siempre lo había hecho así y me había funcionado siempre, pero creo que voy a cambiarlo por esta forma más correcta. Me ahorraré problemas en un futuro.

¡Mil gracias!