基于浏览器的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文件中.