Uso del selector * en la hoja de estilo para restablecer estilos

Question

En este momento solo estoy restableciendo los estilos que necesito en la parte superior de mi hoja de estilo, como:

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

Sin embargo, he visto muchas veces que la gente usa:

* {
    margin: 0;
    padding: 0;
}

Eso parece facilitar las cosas, pero en otro lugar (no recuerdo dónde ...) leí que usar el selector * afecta seriamente el rendimiento.

¿Es cierto?

Answer 1

Una vez ejecuté algunos puntos de referencia y el reinicio * {} no se ejecutó más lento que los reinicios: Meyers, YUI y ningún reinicio en absoluto.

El principal problema con el reinicio * {} es que restablece el relleno en los botones de entrada para la mayoría de los navegadores, pero IE conserva parte de su relleno, lo que dificulta mucho el diseño consistente de los botones en el navegador.

Answer 2

¿Por qué no utilizar uno de los archivos de restablecimiento CSS estándar como Eric Meyer 's o YAHOO ' s

Answer 3

A través de Recomendaciones de velocidad de Google , el comodín El selector es muy ineficiente. Además, en el futuro es posible que tengas cuadros que no quieras restablecer. Al nombrar cada uno individualmente, obtienes eficiencia y control.