5.1.1.

02 abril 2005

El hack del selector universal para Internet Explorer

Categorí­a

Como complemento al hack del guión bajo que permite definir propiedades exclusivamente para Internet Explorer, el hack del selector universal permite definir declaraciones completas unicamente para este navegador.

El selector universal, que se escribe usando el asterisco (*) selecciona cualquier elemento dentro del documento.

* {color: red} /* todo el texto será de color rojo */

También puede usarse en combinación con otros selectores.

* p {color: red} /* todos los párrafos descendientes de cualquier elemento */

El hack consiste en que erroneamente Internet Explorer cree que antes del elemento HTML existe otro elemento sin nombre.

* html p {color: red}

El código anterior selecciona todos los elementos P, descendientes del elemento HTML, y éste último a su vez descendiente de otro elemento cualquiera. Fijense que no existe ningún elemento antes de HTML (no, la declaración de DTD no cuenta).

Esto puede ser combinado con cualquier otro selector, por ejemplo, selector por id.

* html #foo {color:red}

Aunque el elemento llamado foo es único, la declaración exige que se cumpla la parte de * html.

Powered by Blogger