较少的CSS IE目标?

时间:2012-10-25 16:21:51

标签: css less

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

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

感谢您的帮助!

3 个答案:

答案 0 :(得分:3)

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

您需要执行以下操作:

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

答案 1 :(得分:2)

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

答案 2 :(得分:2)

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