javascript - LESS(客户端)不编译某些 CSS 属性

Question

我正在处理的网站需要支持 IE7，而 display: inline-block 在那里不起作用。

通过搜索，我看到 *display: inline; 和 *zoom: 1; 可以解决这个问题。问题是这并没有出现在我使用 LESS 编译的 CSS 中。

甚至 zoom: 1; 也不编译(没有星号)。可以肯定的是，我向同一个 CSS 类添加了一些其他有效属性并且可以正常工作。

总结:我无法让 zoom 和 IE7 CSS 属性选择器 (*) 在我的浏览器中使用 LESS。有什么办法解决这个问题吗？

<script>less = {env: 'development'};<script>

Answer 1

少了 1.5

// IE7 inline-block
// ----------------
.ie7-inline-block() {
  *display: inline; /* IE7 inline-block hack */
  *zoom: 1;
}

p{
.ie7-inline-block();
}

编译为:

p {
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
}