Zweimal dieselbe ID, was passiert beim parsen des Browsers?

[Beat]

Nun würde mich interessieren was genau beim parsen mit den doppelt vorhandenn ID's passiert bzw. warum beide Texte grün sind und im Javascript nur der eine Text geändert wird.

Das ist von Browser zu Browser verschieden.
CSS kann es oft ja egal sein, wieviele Elemente ein Selektor matcht, da es ja keinen Rückgabewert an den CSS-Autor reichen muss.
hier ist es nicht egal:
selector:target{display:block;}

Bei getElementById('#someid') oder querySelector('#someid') hast du aber einen definierten Rückgabewert, genau ein Element und keine Collection.

Die Frage, was bei <a href="#someid"> geschieht, hast du noch gar nicht berührt.

mfg Beat