带有 if/then 浏览器逻辑的 CSS

Question

对于 < IE7 的浏览器，我想使用某个样式属性，而对于其他浏览器，我想使用另一个。我可以使用单个 css 文件来执行此操作，还是我必须执行 if then 逻辑来包含 ie hack css 文件？

Answer 1

下面是一个示例，说明如何包含特定于 IE6 的 CSS 以覆盖 IE 6 或更低版本的特定 CSS 类:

<link rel="stylesheet" type="text/css" href="/css/screen.css" title="MySiteStyle" media="screen" />
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="/css/screen-ie6.css" title="MySiteStyle" media="screen" />
<![endif]--> 

或者，您可以像这样在每个元素的基础上执行此操作:

<!--[if (!IE) | (gt IE 6)]>
<div class="header">
<![endif]--> 
<!--[if lte IE 6]>
<div class="ie6_header">
<![endif]--> 

MSDN 有更多关于 IE Conditional Comments 的详细信息支持。