Le regole css più specifiche vengono caricate meglio?

Question

È possibile farlo:

.info 
{ 
    padding: 5px ; 
} 

Oppure, se si sa che sarà un div, si può fare questo

div.info 
{ 
    padding: 5px ; 
} 

Così, quando c'è un elenco nidificato .. si può fare questo. .

div.info ul.navbar li.navitem a.sitelink 
{ 
    color: #f00; 
} 

Oppure si può fare questo

a.sitelink 
{ 
    color: #f00; 
} 

Leggibilità a parte, che è meglio che il browser analizzi/esegua?

Answer 1

Mantenere le regole il più generale possibile: è più veloce e utilizza meno byte. Vedi Google's article per maggiori informazioni.

Answer 2

Credo che il più specifico e il più breve sia quasi sempre il migliore.

vedere http://code.google.com/speed/page-speed/docs/rendering.html

Answer 3

Tenere regole semplice e generale possibile è un buon inizio. Qualcun altro dovrà leggerlo e darne un senso ad un certo punto.

Se si è preoccupati delle prestazioni della velocità del browser, della dimensione del foglio di stile, ecc.? Basta eseguire i fogli di stile tramite YUICompressor. Pulirà e ridurrà il tuo CSS (raggruppa le cose che vengono ripetute per esempio).