lesscssとブラウザのハックをFirefox用に使用する

Question

私はCSSファイルを手動で少なく変換しています。ブラウザ固有の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; 
    } 
} 

しかし、何Firefoxのでしょうか？

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

Answer 1

他のハッキングのコメントと入手可能性から、私は回避策を作成しました。

前述のように、WinLess.orgコンパイラ（http://winless.org/onlineless_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; 
    } 
}