Die Verwendung von * Wähler in Stylesheet zurücksetzen Stile

Question

Im Moment bin ich das Zurücksetzen nur die Stile Ich brauche an der Spitze von meinem Style-Sheet, wie:

html, body, div, fieldset, form, h1, h2, h3, h4, p, ul, li {
    margin: 0;
    padding: 0;
}

Allerdings habe ich viele Male gesehen, die Menschen benutzen:

* {
    margin: 0;
    padding: 0;
}

Das scheint die Dinge einfacher zu machen, aber woanders (DO NOT erinnern, wo ...) Ich habe gelesen, dass die * Verwendung Wähler ernsthaft Leistung auswirkt.

Ist das wahr, hat eine lange Liste von Selektoren (das Beispiel hat nur wenige Wähler, es könnte mehr sein) deutlich besser als der * Selektor und gibt es vielleicht andere Nachteile für die * Wähler?

Answer 1

Ich lief einmal etwas Benchmarking und die * {} Reset ausgeführt haben keine langsamer als die Resets - Meyers, YUI und kein Reset überhaupt.

Das Hauptproblem mit dem * {} zurückgesetzt wird, dass es die Polsterung an den Eingabetasten für die meisten Browser setzt aber IE hält einige seiner Polsterung es sehr schwer, konsequent Stil, um die Tasten Cross-Browser zu machen.

Answer 2

Warum nicht eine der Standard-CSS-Reset-Dateien verwenden wie Eric Meyer 's oder YAHOO ' s?

Answer 3

Googles Geschwindigkeit Empfehlungen , der Platzhalter Selektor ist sehr ineffizient. Plus, in Zukunft können Sie Boxen, die Sie nicht wollen zurückgesetzt werden. Durch die Benennung jeden einzeln, Sie Effizienz und Kontrolle.