Hacks CSS para un determinado Navegador

Distinguir estilos CSS entre navegadores

Bueno anterior mente ya habiamos hablado de los Comentarios Condicionales para IE y ahora les traigo una serie de hack para aplicar estilos css dependiendo el navegador…

Estilos CSS para cada navegador

Bueno para mi esto es una *$%&@ pero bueno algunos les puede hacer de utilidad, “sitio bien implementado, sitio cross-browser“… pero bueno para no caer en controversia eh aqui la una pequeña lista para distinguir un navegador entre otro…

IE (internet explorer) 6 y anteriores

1

* html {}

IE 7 y anteriores

1

*:first-child+html {} * html {}

IE 7

1

*:first-child+html {}

IE 7 y navegadores decentes

1

html>body {}

Todos los navegadores decentes, menos IE 7

1

   1. html>/**/body {}

Opera 9 y anteriores

1

html:first-child {}

Safari hack

1
2

html[xmlns*=""] body:last-child {}
body:first-of-type .elementOrClassName{}

Google Chrome hack

1

 body:nth-of-type(1) .elementOrClassName {}

PD: Enfin busquemos soluciones y no remedios. chao y suerte en sus futuras creaciones!!…