5

我正在将一个 css 文件手动转换为 less ,并且我正在尝试找到一种方法来执行特定于浏览器的 css。我尝试使用站点上提到的 ~"" 来逃避它,但它似乎不适用于整个代码块。

对于 IE,这些工作:

padding: ~"5px\9"; /* IE8 and below */ 
*padding:4px;  /* IE7 and below */ 
_padding:2px;  /* IE6 */

对于 Chrome,这有效:

/* This will apply the styling only to Chrome and Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  #mySelector {
    color: red;
  }
}

然而,火狐呢?我如何逃避类似的事情:

/* This will apply the styling only to Firefox */
@-moz-document url-prefix() {
  #mySelector {
    color: red;
  }
}
4

1 回答 1

-1

根据其他黑客的评论和可用性,我创建了一个解决方法。

如前所述,它确实使用 WinLess.org 编译器 (http://winless.org/online-less-compiler) 进行编译。

它不使用 DotLess 进行编译,所以我刚刚扭转了黑客攻击。代替:

#mySelector {
    color: red;
}
/* This will apply the styling only to Firefox */
@-moz-document url-prefix() {
  #mySelector {
    color: green;
  }
}

我已经做了:

/* FF needs green*/
#mySelector {
   color: green;
    /*IEs need red*/
    color: ~"red\9";
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    #mySelector {
    /*Chrome needs red*/
       color: red;
    }
}
于 2012-07-18T14:03:11.230 回答