Come il browser trova e rende le regole CSS

Question

Diciamo che abbiamo una pagina con alcuni semplici HTML/CSS come sotto. Il browser legge anche .b e .c nel foglio di stile?

HTML

<div class="a">1</div> 
<div>2</div> 
<div>3</div> 

CSS

.a { color: aqua; } 
.b { color: blue; } 
.c { color: cyan; } 

Questo è solo un esempio, ma nel mondo reale ci potrebbero essere centinaia, migliaia di righe di codice CSS non viene utilizzato, come l'utilizzo di Bootstrap per un progetto molto piccolo.

Answer 1

Sì, tutte le regole sono caricate in memoria, ecco perché quando aggiungi un nuovo elemento al tuo DOM (ad esempio usando javascript) vedi che lo stile si applica automaticamente a loro.