Ich konvertiere eine CSS-Datei in weniger manuell, und ich versuche, eine Möglichkeit zu finden, browserspezifische CSS zu tun. Ich habe versucht, es mit dem ~ "" zu umgehen, wie auf der Website erwähnt, aber es scheint nicht für ganze Blöcke von Code zu funktionieren.Verwendung von lesscss und Browser-Hacks für Firefox
Für IE, diese Arbeit:
padding: ~"5px\9"; /* IE8 and below */
*padding:4px; /* IE7 and below */
_padding:2px; /* IE6 */
Und für Chrome, das funktioniert:
/* This will apply the styling only to Chrome and Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#mySelector {
color: red;
}
}
Doch was Firefox? Wie entkommen ich so etwas wie:
/* This will apply the styling only to Firefox */
@-moz-document url-prefix() {
#mySelector {
color: red;
}
}
Letzteres funktioniert gut ohne Fehler (getestet lessc v1.3.0 verwendet wird). –
Ich bin in Visual Studio mit der Erweiterung dotLess VS, die möglicherweise eine andere Version hat. Ich kann das überprüfen. – pinnermck
Dies scheint wie erwartet zu funktionieren, wenn ich mich jemals über die Ausgabe eines Plugins wundere, tendiere ich dazu, weniger Code in http://winless.org/online-less-compiler – JohnC