css - 更少的 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 规则充分利用嵌套在您的 main less 文件中。http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/

Answer 3

使用 Scott 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。