Con IE10 decimos adiós a los comentarios condicionales de una vez por todas, eso está muy bien, pero, ahora, ¿que hacemos cuando queramos seleccionar a IE10 solo para realizar determinados estilos de diseño? Muy sencillo, con un poco de Javascript podemos conseguirlo, según leo en CSS Tricks, y os lo explico a continuación:

Es necesario añadir el User Agent de IE al atributo data-useragent de la etiqueta , y agregar además un poco de Javascript en nuestro documento, específicamente esto:

var doc = document.documentElement; doc.setAttribute('data-useragent', navigator.userAgent);

El User Agent de IE10 es este:

Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)

De modo que quedaría así:

<html data-useragent="Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)">

El código CSS para hacer que nuestro estilo se enfoque solo a IE10 sería así:

 html[data-useragent*='MSIE 10.0'] h1 { color: blue; } 

Como siempre, un ejemplo de su funcionamiento al final del artículo