Сброс полей и отступов для каждого элемента. Самый эффективный способ

Question

Я заблудился относительно причин большинства таблиц стилей сброса CSS (например, Эрик Майер , лист сброса Yahoo).По сути, все они делают то же самое.Однако, какой самый эффективный способ выбрать каждый элемент на странице?

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; }

против

* { margin: 0; padding: 0 }

Я могу интуитивно сказать, что это последний, но все эти листы сбросаиспользуйте первое.

Answer 1

Я бы согласился, что Звездочка будет наиболее эффективной. Однако после некоторого исследования я нашел еще один пост на этом сайте о том, как вредно использовать звездочку.

(почему) CSS-селектор звезды считается вредоносным?

Answer 2

Это не проблема производительности, это проблема совместимости. Вы заметите, что не все элементы HTML включены в этот список. Примечательно, что такие элементы формы, как radio и textarea не включены. Это связано с тем, что непоследовательно, как отступы и поля применяются к этим элементам, в зависимости от платформы, поэтому в этих случаях лучше оставить значения по умолчанию. Я нашел эту ветку форума , в которой есть ссылки на некоторые дискуссии по этому вопросу.

Answer 3

Если вы действительно хотите очистить все поля на всех элементах, выполнение * {} не будет более эффективным, так как не потребуется выполнять столько же проверок по правилу css (так каквы указываете только одно правило против 20 или 30 правил (по одному для каждого элемента) и при разборе html влияет на это правило, поскольку не нужно проверять, применимо ли правило, так как оно *это автоматически повлияет на каждый найденный элемент или узел?