我正在将一个 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;
}
}