Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Inicio que contiene a Desarrollo web que contiene a CSS que contiene a Hacks CSS mediante selectores

Datos de búsqueda

Hacks CSS mediante selectores

Esta página está obsoleta y contiene algunas imprecisiones. Ir a nuevo listado de selectores (en inglés).

Para Internet Explorer 6 y anteriores:

* html {}

Solamente Internet Explorer 7

* + html/*/ * /**/ body {}

Internet Explorer 7 y superior:

*:first-child+html {}

Para Internet Explorer 8 y anteriores se usan los dos selectores anteriores:

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

Solamente Internet Explorer 8:

head/*/+body/**/ {}

Para Internet Explorer 5.5 (y creo que también para el 5), se introduce el siguiente CSS dentro de una regla, de forma que lo que hay a partir de ese fragmento no puede ser leído por IE 5.5 (valida en el W3C CSS Validator):

voice-family: ""}""; voice-family:inherit;

Para el hack de IE 5.5 no hay que usar necesariamente la propiedad CSS voice-family, en principio se puede usar cualquier otra (yo he probado con color y background, entre otras), siempre que no descoyunte nada.

Para navegadores actuales (Firefox, Opera, etc.) e Internet Explorer 7/8:

html>body {}

Solo navegadores actuales (se excluye a Internet Explorer 7 pero no al 8):

html>/**/body {}

Solo navegadores actuales (excluye todos los Internet Explorer):

html>/*/*/body {}

Para Opera 9.2x y anteriores (hasta el 7.2x):

html:first-child {}

Para Safari 2 y 3 y Konqueror (valida CSS3):

html[xmlns*=""] body:last-child {}

Para Safari 3 y otros basados en Webkit (valida CSS3):

body:not(:root:root) {}

Para Opera 9.5, Safari 3 (probado en Safari 3.1 de Windows) y Konqueror 3.5.x:

body:only-of-type {}

Referencias

Actualizaciones

Actualizado 2007-04-21: verificado hack para Konqueror.

Actualizado 2007-05-16: añadido hack para IE 5/5.5.

Actualizado 2007-09-11: añadida explicación de hack para IE 5/5.5.

Actualizado 2008-05-14: añadido hack para Safari 3.

Actualizado 2008-08-05: actualización para Internet Explorer 8 beta 1 y de las versiones para las que sirve el de Opera.

Actualizado 2008-08-07: actualización para Opera 9.5, Safari 3 y Konqueror 3.5.x.

Actualizado 2008-12-02: Se añade el enlace a la tabla de hack css de Unistallme.com.

Actualizado 2009-09-03: Se añade el enlace a css-class.com.

Comentarios del artículo

Los comentarios están cerrados.

Si el comentario no guarda relación con el tema del artículo o los comentarios previos, si la redacción del mismo es ilegible (estilo HOYGAN), o si contiene insultos u otros términos ofensivos, será borrado de inmediato. No se garantiza ningún soporte a los ejemplos de desarrollo web presentados en este sitio.

Hay 2 comentarios a “Hacks CSS mediante selectores”

jervert dice:

Fecha de comentario: 2007/09/12 09:42

El hack para IE 5.5 no es del todo correcto.

La propiedad CSS debe admitir ese contenido, en caso contrario no validará, como es el caso de lña propiedad ‘color’.

uninstallme.com dice:

Fecha de comentario: 2008/08/27 00:17

Hola.
IE 8 y 7 ya no soportan el selector * html en modo estándares. En modo chapus (quircks mode), sorprendéntemente sí :S

Información del sitio