如何将css样式应用于除IE9之外的其他浏览器？

Question

我正在尝试为除ie9及以下浏览器以外的所有浏览器提供一种特定的样式。

我这样做是为了针对IE9和以下版本：

<!--[if lte IE 9]>
        <link rel="stylesheet" href="css/ie/ie.min.css">
    <![endif]-->

除了IE9之外，我不记得其他所有浏览器的另一种方法是什么。我确实记得有一种方法可以做到这一点，就像我在IE9及以下版本中所做的那样，但我不记得了。

任何帮助都将不胜感激

Answer 1

<!--[if lt IE 9]>
   <link rel="stylesheet" href="css/ie/ie.min.css">
<![endif]-->
<!--[if IE 9]>
   <link rel="stylesheet" href="css/ie/ie-9.min.css">
<![endif]-->
<!--[if gt IE 9]><!-->
   <link rel="stylesheet" href="css/normal.min.css">
<!--<![endif]-->

此方法应为您提供不同的样式表，适用范围小于IE9、IE9且大于IE9(包括所有非IE浏览器)。最后一个条件的诀窍是<!-->和<!--<!，这会导致Edge和非IE浏览器将if和endif解释为单独的注释。

要特别针对单个版本，请使用<!--[if IE #]>。

正如jkdev所指出的，由于IE9是支持条件注释的最后一个版本，因此可以编写最后一个条件：

<!--[if !IE]><!-->
   <link rel="stylesheet" href="css/normal.min.css">
<!--<![endif]-->

结果将与第一个代码片段相同:只有IE10-11、Edge和非IE浏览器才会获得css/normal.min.css。早期的IE版本都不会得到这个文件，因为它们会评估if !IE。