ich würde ja eher diesen Ansatz versuchen
CSS:
body, .michael, .peter, .sabine {
// normale Darstellung
}
.michael .michael, .sabine .sabine, .peter .peter {
// hervorgehobene Darstellung
}
HTML
<body>
...
<span class="peter">Das ist Peter</span>
<img src="peter.jpg" onclick="namenhervorheben('peter')" alt="Peter">
...
</body>
JavaScript:
function namenhervorheben(wen) {
document.getElementsByTagName("body")[0].className=wen;
}
Also: wenn body und Element denselben Klassennamen haben wird das entsprechende Element hervorgehoben, sonst nicht. Das erspart die Aufrufe aller in Frage kommenden Elemente im JavaScript, die Komplexität ist ins Stylesheet verlagert.
ungetestet!