较少的CSS IE目标？

Question

在LESS中以IE7,8等为目标的最佳方法是什么？

是否有针对它们的方法或理想情况下我需要加载单独的样式表？

感谢您的帮助！

Answer 1

据我所知，LESS不允许您定位特定浏览器，仅限媒体大小。

您需要执行以下操作：

<!--[if IE]>
<link rel="stylesheet/less" type="text/css" href="ie.less" />
<![endif]-->

Answer 2

使用Paul Irish的IE定位方法允许您的IE规则充分利用您的主要较少文件中的嵌套。 http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/

Answer 3

使用Paul Simpson链接的Paul Irish技术，您可以非常轻松地将目标选择器包含在CSS的其他部分旁边。例如：

div {
  display: inline-block;

  .ie-8 & {
    zoom: 1;
    display: inline;
  }
}

您编译的CSS将是：

div { display: inline-block; }
.ie-8 div { display: inline; zoom: 1; }

我发现这种技术更适合分开样式表，因为它更容易跟踪IE特定的CSS。