如何只在IE上加載CSS樣式表

前言：IE一直是特殊的一個瀏覽器，咱們能夠使用一些方法來指定樣式表只在IE瀏覽器下被加載。

IE9以及低於IE9版本 :
能夠使用條件註釋語句來加載特定於ie的樣式表。以下所示，使用外部樣式表。

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

可是若是是IE10以上時，這個辦法就不是很適用了。

IE10或IE11:
使用媒體查詢（-ms-high-contrast）來加載樣式表。因爲-ms-high-contrast是微軟特有的(而且只在IE 10+中可用)，因此只能在Internet Explorer 10或更高版本中解析。

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

微軟 Edge12 :能夠使用@supports
@supports的參考文章

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

總結
若是咱們想只針對IE加載樣式表，只須要設置條件註釋和-ms-high-contrast媒體查詢便可。