Exportar inner style a archivo CSS

[shujidan]

Hola, necesito ayuda urgente! no puedo usar :hover con las propiedades definidas en style="" pues son dominantes sobre el css, espero que me puedan ayudar con esta duda les estaria muy agradecido.

Asi esta mi html:

Código HTML:

<a id="menuoption1" style="background-image:url(images/webtemplate1_24.jpg); 
        position:absolute; left:66px; top:158px; width:523px; height:266px;" title="">
</a>
 

Y mi css:

Código CSS:

#menuoption1:hover {
    background-image: url(images/webtemplate1_08_hover.jpg);
    color:green; /*El color del texto cambia correctamente pues no hay color en el style*/
}
 

Si las propiedades del atributo style los pongo en el css si funciona pero son miles de links asi que no es un objetivo realista.


He leido que si los estilos estan en la etiqueta <style></style> en el header hay una opcion (Mover reglas CSS) para exportar los estilos a un css y de esta forma los estilos serian susceptibles al :hover, pero como en mi caso estan incrustados este panel me aparece vacio y la opcion deshabilitada, como si no hubiera estilos :(

Mi pregunta es: hay alguna forma de exportar estos estilos a un archivo .css con Dreamweaver?

[shujidan]

Ya lo solucioné, solo hay que agregar !important a la derecha de cada propiedad en el css para darle prioridad sobre el inline.
Aunque no me agrada la idea de que no es compatible en versiones anteriores de navegadores.. si hubiera una forma de exportar los inline styles desde dreamweaver.

EDIT:otra solucion, hay que darle un id a la etiqueta y con la etiqueta seleccionada:
En el panel "estilos CSS", pestaña "Actual", seccion "Reglas": Click derecho en el div seleccionado (dentro del panel)->Convertir en Regla: Seleccionar la hoja de estilos (si no existe crearla)->Aceptar

Esto permite exportar los estilos y no es necesario el uso de !important.
Espero que a alguien le sirva en el futuro si se llegaran a quedar atorados con esto, suerte.