CSS sólo para Firefox | IE ignora CSS

En el “head” del HTML del sitio incluimos lo siguiente:

<style type="text/css"> <!-- @import url(files/css/FFstyles.css) screen; --> </style>

Este código es independiente de la línea que llama al archivo CSS original del sitio. Lo que queremos lograr, es “importar” una hoja de estilos alterna o más bien, complementaria, con estilos específicos para Firefox.

Y, ¿por qué sólo para Firefox?.

Simple, la regla @import es completamente ignorada por Internet Explorer, por lo que este nuevo CSS importado sólo lo va a leer el Firefox, y como el @import tiene prioridad en cuanto a la jerarquía de importancia de los estilos declarados, estos sobreescribirán a los que ya fueron declarados en la hoja de estilos original del sitio.

Esto nos da una gran posibilidad de crear estilos específicos para Firefox, que el IE no los tomará en cuenta, dándonos así un control mucho mayor sobre la presentación final del sitio.

Michael Müller C. | Diseño y Desarrollo Web, Estándares, CSS, HTML y más! | Guayaquil, Ecuador | Web Design Blog