CSS-Hacks, Firefox 3.5 und Google Chrome

Suchte ich herum und angeblich body:nth-of-type(1) verwendet wird, in der CSS zum Ziel nicht nur Safari und Google Chrome.

Lo und siehe, Mozilla liest es richtig zu. Ich suchte zehn mal mehr aber es kam nichts, also hier bin ich.

Ist es ein Google-Chrome-only-CSS-hack?

InformationsquelleAutor Sotkra | 2009-12-09
  1. 13

    @media screen and (-webkit-min-device-pixel-ratio:0) { ... styles go here ... }

    Gibt es keine CSS-Datei für nur Chrom (AFAIK), aber Chrome UND Safari. Sie können prüfen, eine Javascript-Lösung.

    UPDATE Jan 22, 2013: Wie bereits erwähnt in den Kommentaren, das kann nicht mehr sicher sein. Ich konnte nicht finden, eine geeignete alternative.

    • Wenn ich Ihre obigen CSS, firefox und IE irgendwie gehen wackelig und nicht Lesen, die meine CSS, die unter der @media screen block. Wissen Sie, was falsch sein könnte?
    • Ich habe gerade den CSS code am Ende der Seite - das Problem gelöst. Danke!
    • Mir den Arsch gerettet, sir, ich danke dir!
    • Dies ist möglicherweise nicht eine zuverlässige Methode zur Bekämpfung von WebKit-Browsern nicht mehr, als browser-Hersteller haben begonnen, die Annahme webkit-Präfixe als auch Ihre eigenen: glazman.org/weblog/dotclear/index.php?post/2012/02/09/...
    InformationsquelleAutor Eric Wendelin
  2. 11

    Es ist am besten zu vermeiden diese Arten von hacks, wie Sie sind abhängig von der Verfügbarkeit neuer Normen. Ganz offensichtlich neue standards werden zunehmend auf weitere Plattformen wie die Zeit vergeht. In anderen Worten, es ist ein Irrtum anzunehmen, dass ein bestimmter browser ist [einige bestimmte browser], weil es [eine bestimmte CSS-Eigenschaft].

    Eric Wendelin Antwort ist gut für targeting-WebKit-Browser. Es ist auch eine gute Möglichkeit, um den Gegner Gecko-Browser:

    @-moz-document url-prefix() {
    /* Gecko-specific CSS here */
}

    Fügen Sie in WebKit-targeting (Dank Eric Wendelin):

    @media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Webkit-specific CSS here */
}

    Kann man wohl auch zuverlässig verwenden Sie die "feature-Erkennung" - Stil von CSS-hacks innerhalb Konstrukte zu isolieren Versionen, wie Sie bereits richtig isoliert den Motor, und Sie können sicher davon ausgehen, dass die feature Unterschiede zwischen den Versionen eines bestimmten Motors nicht mit der Zeit verschieben.

    Natürlich ist der beste Weg, um zu isolieren, IE und seinen verschiedenen Versionen ist die Verwendung von conditional comments, die der IE unterstützt seit vielen Versionen.

    InformationsquelleAutor eyelidlessness
  3. 0

    Jeder der -webkit-Selektoren arbeiten sollten nur für Chrome und Safari.

    http://qooxdoo.org/documentation/general/webkit_css_styles

    Hoffe das ist was du suchst. Hier ist der webkit-website:

    http://webkit.org/

    InformationsquelleAutor tahdhaze09
  4. 0

    Dem @ - unterstützt feature Erkennung funktioniert auch für Chrome 28 und die neueren jetzt.

    /* Chrome 28+ */

@supports (-webkit-appearance:none) { .selector { color:red; } }

    Ich dies geschrieben zu browserhacks - also entweder testen Sie es an browserhacks.com oder mein Leben, persönliche css-hacks testen-site http://browserstrangeness.bitbucket.org/css_hacks.html#chrome.

    Gibt es viele andere gibt, die bin, habe ich mir für bestimmte neuere Versionen als gut. Ich hoffe, Sie genießen.

    InformationsquelleAutor Jeff Clayton
Schreibe einen Kommentar