Utilisation du sélecteur * dans la feuille de style pour réinitialiser les styles

Question

Pour le moment, je ne fais que redéfinir les styles dont j'ai besoin en haut de ma feuille de style, par exemple:

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

Cependant, j'ai souvent vu des gens utiliser:

* {
    margin: 0;
    padding: 0;
}

Cela semble faciliter les choses, mais ailleurs (je ne me souviens plus où ...), j’ai lu que l’utilisation du sélecteur * affectait sérieusement les performances.

Est-ce vrai? Une longue liste de sélecteurs (l'exemple comporte-t-il seulement quelques sélecteurs, peut-être davantage) fonctionne-t-elle nettement mieux que le sélecteur * et existe-t-il peut-être d'autres inconvénients pour le sélecteur *?

Answer 1

J'ai déjà effectué des analyses comparatives et la réinitialisation * {} n'a pas été plus lente que les réinitialisations: Meyers, YUI et aucune réinitialisation.

Le problème principal avec la réinitialisation * {} est qu’il réinitialise le remplissage des boutons d’entrée pour la plupart des navigateurs, mais IE conserve certains de ses remplacements, ce qui rend très difficile l’affectation uniforme du style des boutons à tous les navigateurs.

Answer 2

Pourquoi ne pas utiliser l'un des fichiers de réinitialisation CSS standard, tels que Eric Meyer ou YAHOO ? De?

Answer 3

Via Recommandations de vitesse de Google , le caractère générique le sélecteur est très inefficace. De plus, il se peut que vous disposiez ultérieurement de cases que vous ne souhaitez pas réinitialiser. En les nommant individuellement, vous obtenez efficacité et contrôle.