基于浏览器的 CSS 区分

Question

不确定是否可能，但只是想知道 CSS 中是否有一种方法来区分两种浏览器，即 IE6 和 IE8，因为我有一个我需要应用的样式，但 IE6 和 IE8 的值需要不同，即

ul.sf-menu li li.sfHover ul {
   left:            14.3em; /* for IE8 */
   left:            15em;   /* for IE6 */
   top:             0;

有没有在使用 IE8 时使用 IE8 左样式，反之亦然？

谢谢。

Answer 1

你可以使用不同的 css 文件，像这样:

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

将您所有的 IE6“hacks”放在一个文件中。当 IE6 不再存在的那一天到来时(多么美好的一天!)，您可以删除该链接。它非常整洁，而不是在一个 CSS 文件中。