Appliquer une propriété uniquement à Internet Explorer 7

A la sortie de la dernière version de son navigateur, Microsoft avait prévenu que le bon vieux hack consistant à insérer un underscore devant le nom de la propriété CSS que l’on souhaitait voir appliquer uniquement par Internet Explorer ne fonctionnerait plus avec IE7, ce qui est effectivement vrai.
Pourtant, il existe un hack relativement méconu et au effets semblables: Appliquer seulement une propriété à IE, version 7 cette fois-ci.

Avant de rentrer dans les détails, il faut bien savoir que ce genre, c’est du 100% quick & dirty: Aucune feuille de style dotée de ce genre de bidouille ne passera la validation w3c. Si votre objectif est d’obtenir un code irréprochable, alors utilisez plutôt un commentaire conditionnel.
Toutefois, devant les innombrables idiosyncrasies propres au navigateur de microsoft, il faut savoir s’armer. Et même si c’est discutable, la plupart des clients préfereront 100 fois un code avec une ou deux erreurs w3c mais 100% compatible IE à l’inverse.

Passons au hack en lui-même: IE6 utilisait l’underscore, pour IE7, un simple point fera l’affaire:

.uneClasse{
        width: 150px; /* Tous les browsers */
        _width: 150px; /* Uniquement appliqué par IE6 */
        .width: 150px; /* Uniquement appliqué par IE7 */
}

J’avoue avoir été quelque peu suspicieux lorsque j’ai entendu parler de cette technique pour la première fois, mais je l’ai testée hier au boulot (gloups!) et tout fonctionne comme escompté.
Un hack bien cracra à garder pour les cas désespérés…