ti faccio un esempio pratico

io (come decine di migliaia di altri utenti del web) personalizzo alcune delle pagine che visito. Per fare questo utilizzo ad esempio un estensione di firefox con cui posso impostare delle regole aggiuntive (che vanno "in coda" - quindi successivamente - al foglio di stile della pagina)

Altri invece sempre su firefox personalizzano il proprio css utente


Se in questo css imposto genericamente una regola

* {
font-size: 100px;
}

questa mi viene applicata a tutti i siti che visito. L'asterisco è il selettore universale, matcha tutti gli elementi di una pagina.

Se invece ho un elemento id come nell'esempio sopra io posso scrivere


#www-meyerweb-com * {
font-size: 100px;
}

e sono (praticamente) sicuro che questa regola mi verrà applicata solo per quel sito specifico (salvo siti diversi con lo stesso id, ma scegliendo opprtunamente l'id diventa un'ipotesi remota)