El uso de condiciones dentro del navegador se utiliza a menudo para decidir qué hoja de estilo para la carga en función del tipo de navegador. Por ejemplo, podemos usar este código para cargar una hoja de estilo en particular cuando el navegador es Internet Explorer 6:
1 2 3 4 5 | <- Subir esta hoja de estilos para todos los navegadores -> "stylesheet" href = "foglio_style.css" type = "text/css" / > < enlace rel = "stylesheet" href = "foglio_style.css" type = "text / css" /> <!--[ If IE 6]> <link rel="stylesheet" href="foglio_style_ie.css" type="text/css" /> <[Endif] -> |
Una alternativa a este enfoque (que genera al menos dos peticiones HTTP) sería la de actuar en la clase o id de la etiqueta body :
1 2 | <!--[ If IE 6]> <body class="ie6"> <[endif] -> > <!--<![endif]--> <!--[ If IE ]>--> <! cuerpo > <!--<![ endif] -> |
De esta manera podemos añadir CSS para diferentes navegadores en un solo archivo de definiciones y la ruta basada en la clase o identificador asignado al body ! Por ejemplo:
1 2 | : #000 } p {color: # 000} color : #f00 } /* solo su IE 6 */ cuerpo ie6 p {color: # f00}. / * sólo en IE 6 * / |
Es evidente que este procedimiento es útil y ventajoso cuando el código de "alternativa" es un cierto tamaño ...
Optimización de las hojas de estilo
Por último, una gran herramienta en línea para el formato y la compresión de CSS: CSS formateador y el optimizador . Basado en el motor CSSTidy (también disponible en versión descargable de php ), fue impresionante por su diversidad y la compresión de archivos excelente. El algoritmo, de hecho, no sólo para eliminar la "cabeza" o la última "," (coma), pero optimiza la sintaxis del color (# ff9900 a # f90), los signos de píxeles (0px a 0), así como realizar una serie de controles útiles para detectar errores de digitación.
[...] | Publicado en CSS Mensajes Undolog relacionadas: CSS con el estilo de la cruz-navegador [...]