Desarrollo Web: ¿Qué es un CSS hack?



Es un pequeño truco para poder utilizar diferentes etiquetas en una hoja de estilos dependiendo del navegador con el que se acceda a la página web. De esta manera dependiendo del navegador que visualice la página web los contenidos se mostrarán de una manera u otra. ¿Pero las hojas de estilo no eran un estándar del W3C? Sí, pero los navegadores rara vez cumplen el 100% de los estándares y muchos interpretan las hojas de estilo como les de la gana. Normalmente tendremos que diferenciar entre Internet Explorer y el resto de los navegadores. Aquí os pongo un pequeño ejemplo de como diferencio al navegador de Microsoft de Firefox:
#carListItem{
 color: #404040;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 padding-bottom:10px;
 padding-top:5px;
}
/* CSS Hack for non IEXPLORER */
html>body #carListItem{
 padding-bottom:15px;
 padding-top:10px;
}

Comentarios