CSS Reset Frage

Question

Das Eric A. Meyer CSS-Reset definiert alle Elementnamen, zum Beispiel:

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

Meine Frage ist, ist es okay, Stern-Selektor zu verwenden, anstatt alle Elemente wie oben zu definieren?

*{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

Wenn ja, welche ist besser zu verwenden? Danke!

Answer 1

Da die Listennamen pas "alle Elementnamen", sollten Sie nicht verwenden * - beachten Sie, dass es keine input , select o textarea listet, um nur ein paar Beispiele zu nennen.

Answer 2

Sie scheuen sich vor * aus Gründen der Leistungsfähigkeit, siehe

• Auswirkungen von CSS-Selektoren auf die Leistung
• Vereinfachung von CSS-Selektoren

Answer 3

Nun, Sie haben bereits eine Antwort akzeptiert, aber ich wollte Sie wissen lassen, dass es NICHT OK ist, alles (*) mit margin:0; padding:0;font-size:100;etc:etc zu setzen;

Es sei denn, Sie sind bereit, über Ihren Reset eine lange UND vollständige Reihe von HTML-Markups und Möglichkeiten zu schreiben.

Betrachten Sie eine <select><option> und andere <form> Felder: Sie werden knirschend und winzig.

Betrachten Sie eine <ul><li> y <ol><li> und verschachtelt <ol><li><ol><li> : Sie werden alle gerade, vertikal ausgerichtet und auf 0 ausgerichtet.

Betrachten Sie eine <small> , <sup> , und andere Inline-Auszeichnungen. Sie werden alle gleich aussehen (das Gegenteil von dem, wofür css gedacht ist)

Meine Antwort lautet: *NEIN, es ist nicht in Ordnung, das zu tun: ` {margin:0;padding:0; / ... /}`** es sei denn, die DOM-Geschwindigkeit des Browsers ist Ihnen egal, oder Sie müssen sich hinterher mit den Folgen für Ihr visuelles Styling auseinandersetzen (z.B.: Formularfelder sind durcheinander, z.B.: mein Zitat wird nicht angezeigt, z.B.: der Absatz sieht aus wie etwas anderes, z.B.: das habe ich nicht kommen sehen, usw.).