sea - internet explorer no respeta css

Bang IE7-¿Qué significa?

Question

Ese título no es tan loco como parece. ¡¡Lo prometo!!

Mientras buscaba otra pregunta, noté lo siguiente en las hojas de estilo de Stack Overflow:

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

¿Es este un tipo extraño de estilo condicional? ¿Es esto un error? Suponiendo que no es un error, ¿funciona esto con todas las versiones de IE? ¿Hay alguna forma de especificar que una regla determinada solo debería aplicarse a versiones de IE mayores que, digamos, 7?

Nunca me he encontrado con esto antes. Siempre he usado comentarios condicionales para estilos específicos de IE (y por lo que vale, prefiero mantener todos los estilos específicos de IE completamente separados).

Answer 1

¡He oído hablar de esto antes, pero no con el texto exacto !ie7 .

Encontré una referencia aquí: http://www.javascriptkit.com/dhtmltutors/csshacks3.shtml

!es decir

Internet Explorer 7 solucionó uno de los problemas con el identificador importante, pero todavía tiene problemas cuando el identificador tiene un error. Si se utiliza un nombre de identificador ilegal en lugar de importante, Internet Explorer 7 y siguientes manejarán la propiedad normalmente en lugar de fallar. Por lo tanto, en cualquier bloque de declaración de estilo, puede incluir propiedades destinadas a aplicarse únicamente a Internet Explorer y agregar un identificador! Ie. Casi cualquier palabra se puede usar en lugar de, es decir.

El identificador! Ie permite que la propiedad se aplique en IE 7 y siguientes. Puede o no funcionar en versiones futuras. Advertencia: ¡esto usa CSS no válido!

Entonces, width: 650px!ie7; se aplicará solo en IE 7 y abajo.

El texto real ie7 no es necesario, pero es una cadena razonable de usar, para recordarle a la gente el propósito detrás del truco.