如何在CSS中检测IE和Edge浏览器？

Question

有没有一种标准的方法来检测IE浏览器和边缘浏览器在CSS？我看到的响应在JavaScript文件检测，但我在CSS找一个

Answer 1

对于IE 9，下，加载条件样式：

<!--[if IE]> 
    <link rel="stylesheet" type="text/css" href="ie.css" /> 
<![endif]--> 

IE 10和最多不支持这一点，所以你要使用媒体查询：

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { 
    /* IE10+ CSS */ 
} 

对于边缘：

@supports (-ms-accelerator:true) { 
    /* IE Edge 12+ CSS */ 
} 

Answer 2

不知道关于ED GE，但目标即10/11您可以使用：

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { //styles }