Vaya, yo que me quería estrenar en la lista con mi primer mensajito, y
victoria se me adelanto en la respuesta, aunque no se si yo lo hubiera
dicho mejor :).
Sabes si a Julia le serviría de algo declarar esa clase con !important
? o simplemente lo que conseguiria seria que la aplicara primero y luego
fuera machacada por "style=x-y". Creo que es lo segundo pero por
preguntar...
Salu2
Victoria Gracia escribió:
> 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 [email protected]
>> 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 [email protected]
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
>
-- Atentamente,
Javier Talens Segui CISTAL SISTEMAS S.L. Director Comercial c\Tenorio
Garcia Romero 2 Bajo Derecha CP:46015 Valencia telf: 902 50 68 40 Fax:
+34 96 193 73 00 mv: 657 97 18 91 www.cistal.com Servicios Informaticos
www.duplivalencia.com Servicios de duplicacion y serigrafiado CD/DVD
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo