Utilizzare il selettore * nel foglio di stile per ripristinare gli stili
-
06-07-2019 - |
Domanda
Al momento sto solo ripristinando gli stili di cui ho bisogno nella parte superiore del mio foglio di stile, come:
html, body, div, fieldset, form, h1, h2, h3, h4, p, ul, li {
margin: 0;
padding: 0;
}
Tuttavia, ho visto molte volte che le persone usano:
* {
margin: 0;
padding: 0;
}
Questo sembra rendere le cose più facili, ma da qualche altra parte (non ricordo dove ...) ho letto che l'uso del selettore * influisce seriamente sulle prestazioni.
È vero, un lungo elenco di selettori (l'esempio ha solo alcuni selettori, potrebbe essere di più) ha prestazioni significativamente migliori rispetto al selettore * e ci sono forse altri svantaggi del selettore *?
Soluzione
Una volta ho eseguito alcuni benchmark e il ripristino * {} non è stato più lento dei ripristini: Meyers, YUI e nessun ripristino.
Il problema principale con il ripristino * {} è che reimposta il riempimento sui pulsanti di input per la maggior parte dei browser, ma IE mantiene parte del suo riempimento rendendo molto difficile lo stile coerente dei pulsanti tra browser.
Altri suggerimenti
Perché non utilizzare uno dei file di ripristino CSS standard come Eric Meyer YAHOO 's?
Via Suggerimenti sulla velocità di Google , il carattere jolly il selettore è molto inefficiente. Inoltre, in futuro potresti avere delle caselle che non desideri ripristinare. Nominando ciascuno individualmente, si ottiene sia l'efficienza che il controllo.