Salve a tutti, so bene che gli id devono essere univoci, ma che succede se al posto di usare le classi uso gli id e li ripeto?

Ho provato così (per curiosità)

codice HTML:
<style>
#prova { color:red }
#prova2 { color:blue }
</style>
<div id="prova"> ciao <div id="prova2"> come va?</div></div>
<div id="prova"> ciao <div id="prova2"> come va?</div></div>
<div id="prova"> ciao <div id="prova2"> come va?</div></div>
in pratica ho ripetuto degli id nel documento ma ho notato che funziona