elclerigo!

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