前言：IE一直是特殊的一個瀏覽器，我們可以使用一些方法來指定樣式表只在IE瀏覽器下被加載。
IE9以及低於IE9版本 :
可以使用條件注釋語句來加載特定於ie的樣式表。如下所示，使用外部css3樣式表。
|
1
2
3
|
<!--[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+中可用)css3導航菜單，所以只能在Internet Explorer 10或更高版本中解析。
|
1
2
3
|
@media
all
and (-ms-high-contrast:
none
), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
}
|
微軟 Edge12 :可以使用@supports
@supports的參考文章
|
1
2
3
|
@supports (-ms-accelerator:true) {
/* IE Edge 12+ CSS styles go here */
}
|
總結
如果我們想只針對IE加載樣式表，只需要設置條件注釋和-ms-high-contrast媒體查詢即可。