Bang IE7 - Qu'est-ce que cela signifie?

Question

Ce titre n'est pas tout à fait comme un fou, il me semble. Je le promets!!

Lors de mes recherches pour une autre question, j'ai remarqué ce qui suit dans le Débordement de la Pile de feuilles de style:

...
width: auto;
...
width: 650px!ie7;
padding-bottom: 20px!ie7;
...

Est-ce une drôle de type conditionnel du style? Est-ce une erreur? En supposant qu'il n'est pas une erreur, cela fonctionne avec toutes les versions IE? Est-il un moyen de spécifier une règle doit être appliquée uniquement aux versions de IE supérieur à – dire – 7?

Je n'ai jamais rencontré de cette avant – j'ai toujours utilisé des commentaires conditionnels pour IE-des styles spécifiques (et pour ce que ça vaut, je préfère garder tout IE-des styles complètement séparée).

Answer 1

J'ai entendu parler de cela avant, mais pas avec le texte exact !ie7.

J'ai trouvé une référence ici: http://www.javascriptkit.com/dhtmltutors/csshacks3.shtml

!ie

Internet Explorer 7 fixe l'un de l' les problèmes avec le !important identifiant, mais il a encore des problèmes lors de l' identificateur a une erreur. Si un illégale nom de l'identificateur est utilisé dans la place d'Internet Explorer 7 et ci-dessous permettra de gérer les biens normalement, au lieu d'échouer. Par conséquent, dans toute déclaration de style bloc, vous pouvez inclure des propriétés destiné à s'appliquer à l'Internet Explorer et d'en ajouter un !ie identificateur. Presque n'importe quel mot peut être utilisé à la place de ie.

L' !ie identificateur permet à la propriété pour être appliquée dans IE 7 et ci-dessous. Il peut ou peut ne pas fonctionner dans le futur les versions. Avertissement: il utilise des invalides CSS!

Donc, width: 650px!ie7; sera appliquée qu'à IE 7 et ci-dessous.

Le texte réel ie7 n'est pas obligatoire, mais il est raisonnable de chaîne à utiliser, afin de rappeler le but derrière le hack.