Home > Blog > CSS: olvídate del * html para IE6

CSS: olvídate del * html para IE6

Publicado el 23/06/08
por Ricardo Gil

Se acabó que en tus hojas de estilo para Internet Explorer, sí, sí, esas que pones a través de comentarios condicionales, tires de sucios hacks para diferenciar entre IE7 y los anticuados Explorer que tantos quebraderos de cabeza nos producen (léase Internet Explorer 6 y anteriores).

Si hasta ahora bastaba con poner * html delante de nuestras clases, id’s o elementos en la CSS para saber que sólo las versiones previas al IE7 serían capaces de interpretarlo, ahora vamos a darle la vuelta de tuerca a esto y a usar algo para que sólo lo entiendan las versiones posteriores a IE6 (el 7 y el futuro IE8).

  • #identificador[id]
  • .clase[class]

Así, nos aseguramos que aquellos navegadores (léase los de siempre) que no interpreten los atributos [id] y [class] (o cualquier otro como [href], [alt], [title]) no apliquen la regla.

Ejemplo:

Style.css

  • #header {background:red none;}

StyleIE.css

  • #header {background:green none;} /*Internet Explorer 6 y anteriores*/
  • #header[id] {background:red none;} /*Internet Explorer 7 y posteriores*/

Gracias a Kilian Valkhof

Artículos relacionados

¿Y ahora qué?

Por favor deja tu comentario, queremos saber tu opinión sobre este artículo. Trackback URL: CSS: olvídate del * html para IE6.