Ich habe gesucht und angeblich wurde body:nth-of-type(1) in CSS verwendet, um nur auf Safari und Google Chrome zu zielen.
Siehe da, Mozilla liest es auch richtig. Ich habe zehnmal mehr gesucht, aber nichts gefunden, also bin ich hier.
Gibt es einen Google Chrome-exklusiven CSS-Hack?
@media screen and (-webkit-min-device-pixel-ratio:0) { ... styles go here ... }
Es gibt kein CSS für nur Chrome (AFAIK), aber Chrome UND Safari. Sie können eine Javascript-Lösung in Betracht ziehen.
UPDATE 22.01.2013: Wie in den Kommentaren erwähnt, ist dies möglicherweise nicht mehr sicher. Ich konnte keine geeignete Alternative finden.
Es ist am besten, diese Arten von Hacks zu vermeiden, da sie von der Verfügbarkeit aufkommender Standards abhängen. Ganz offensichtlich werden neue Standards im Laufe der Zeit zunehmend auf mehr Plattformen verfügbar sein. Mit anderen Worten, es ist ein Fehler anzunehmen, dass ein bestimmter Browser [ein bestimmter Browser] ist, weil er [eine bestimmte CSS-Funktion] besitzt.
Eric Wendelin's Antwort ist eine gute Antwort auf WebKit-Browser. Es gibt auch eine gute Möglichkeit, Gecko-Browser anzusprechen:
%Vor%Fügen Sie WebKit Targeting hinzu (danke Eric Wendelin):
%Vor%Sie können wahrscheinlich auch den "Feature-Detection" -Stil von CSS-Hacks in -Konstrukten verwenden, um Versionen zu isolieren, da Sie die Engine bereits korrekt isoliert haben, und Sie können sicherer davon ausgehen dass sich die Merkmalsabweichung zwischen den Versionen einer bestimmten Engine nicht mit der Zeit verschiebt.
Offensichtlich ist der beste Weg, IE und seine verschiedenen Versionen zu isolieren, bedingte Kommentare zu verwenden, die IE für viele Versionen unterstützt hat.
Die Funktionserkennung @supports funktioniert jetzt für Chrome 28 und neuer.
%Vor%Ich habe dies in browserhacks gepostet - also teste es entweder auf browserhacks.com oder auf meiner persönlichen css hacks-Testseite unter Ссылка .
Es gibt viele andere da, die ich auch für bestimmte neuere Versionen ausgearbeitet habe. Ich hoffe, Sie genießen sie.
Tags und Links css google-chrome browser firefox