Hola Julia,
te encuentras ante un problema de cómo CSS interpreta y asigna las
prioridades, siempre prevalece la instrucción más específica que, en tu
caso, es la instrucción de <div style="x-y">.
Te has encontrado otras veces en situaciones similares, de hecho CSS se
basa en la cascada de prioridades, solo que nunca habías llegado al caso
de precisar que la instrucción más específica sea la que quede anulada ;)
p {color: black;} <= Asigna el color negro a TODOS los párrafos
.rojo {color: red} <= Ahora un <p class="red"> será rojo, porque es más
específico
<p style="color: green" class="red"> <= el párrafo será verde porque
style es más específico que class
De lo único que nos serviría class="red" en la última declaración es si
además hubiéramos definido otras características (border, background, o
lo que sea) que el estilo en línea no define:
p {color: black;} <= Asigna el color negro a TODOS los párrafos
.rojo {color: red; background: yellow} <= Ahora un <p class="red"> será
rojo, con fondo amarillo
<p style="color: green" class="red"> <= el párrafo será verde pero con
fondo amarillo
Espero te sirva
Saludos
Julia Martínez escribió:
> Hola a todos,
>
> tengo una duda que probablemente sea una bobada pero hasta el día de hoy no
> me había surgido el problema.
>
> Tengo una capa que se posiciona dinámicamente en el centro de la pantalla
> (por n motivos esto se hace mediante javascript), generando el siguiente
> código:
>
> <div style="left: 200px; top: 300px" id="panelInfo" class="estiloPanel">
> Texto de ejemplo
> </div>
>
> Y el class:
> .estiloPanel{top:0px; left: 0px}
>
> El caso es que yo quiero modificar el top y el left pero tengo que hacerlo
> mediante el class estiloPanel, no puedo tocar directamente la etiqueta style
> de la capa.
>
> Mi pregunta es:
>
> Aunque el orden de style y class sean como el descrito en el ejemplo (1º
> style y 2º class), ¿siempre prevalece la orden dada dentro de la etiqueta
> style?
>
> Lo digo porque no sé si se me escapa algo, pero no hace caso al class. Yo
> pensaba que al estar el class detrás del style machacaría los estilos dados
> dentro de style.
>
>
> Muchas gracias por adelantado.
>
> Julia
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
