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><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
Ver ejemplo de los estilos específicos en IE10
