Uso de seletor * em folha de estilo para redefinir estilos

Question

No momento eu estou apenas redefinir os estilos que eu preciso na parte superior do meu estilo de folha, como:

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

No entanto, tenho visto um monte de vezes que as pessoas usam:

* {
    margin: 0;
    padding: 0;
}

Isso parece fazer as coisas mais fáceis, mas em outro lugar (não me lembro onde ...) Eu li que usando o seletor * afeta seriamente o desempenho.

É verdade, faz uma longa lista de seletores (o exemplo tem apenas alguns seletores, que poderia ser mais) um desempenho significativamente melhor do que o seletor * e estão lá, talvez, outras desvantagens para o seletor *?

Answer 1

Uma vez eu corri alguns benchmarking e o reset * {} não executar qualquer mais lento do que o redefine - Meyers, YUI e sem reset em tudo.

O principal problema com o reset * {} é que ele redefine o preenchimento nos botões de entrada para a maioria dos navegadores mas IE mantém algum do seu preenchimento, tornando muito difícil consistentemente estilo os botões de cross-browser.

Answer 2

Por que não usar um dos arquivos de reset CSS padrão, como Eric Meyer 's ou YAHOO ' s?

Answer 3

Recomendações velocidade Via do Google , o curinga selector é muito ineficiente. Além disso, no futuro, você pode ter caixas que você não quero ser reiniciado. Ao nomear cada um individualmente, você começa a eficiência e controle.