cómo apuntar IE 11 específicamente usando CSS Hacks

] dirigirse a Internet Explorer 11 específicamente con CSS se puede lograr a través de una combinación de reglas específicas de Microsoft. Al aprovechar estas reglas, es posible crear hacks que apliquen estilos solo a IE 11 mientras ignoran otros navegadores.

Un enfoque implica usar la regla @Media All y (-ms-High-Contrast: None). Esta regla se dirige a todos los navegadores que tienen el modo de alto contraste deshabilitado. Dado que esta es una característica específica de Microsoft, solo coincidirá con IE 10 e IE 11.

Dentro de esta consulta de medios, puede aplicar estilos específicamente al IE 11 usando el selector *::-ms-backdrop. Este selector se dirige al elemento de fondo creado por ciertos estados de enfoque en IE 11.

, por ejemplo, el siguiente código CSS se puede usar para apuntar IE 11 y cambiar el color de un elemento con la clase "foo":

@media all and (-ms-high-contrast:none)
{
  .foo { color: green } /* IE10 */
  *::-ms-backdrop, .foo { color: red } /* IE11 */
}

Este enfoque funciona porque el uso de un selector CSS no válido, como *::-ms-backdrop, hace que IE 11 ignore todo el bloque selector. Al combinar este selector no válido con uno válido, puede apuntar efectivamente a IE 11 sin afectar a otros navegadores.