Lothar: geht das mit CSS?

Beitrag lesen

Wenn das andere Element ein nachfolgendes, angrenzendes oder untergeordnetes ist, ja.

Also ich hab das jetzt mal mit :before bzw. :first-child usw. versucht.
Läuft aber nicht ...

Ich möchte ganz konkret ein background-image eines bestimmten Elements ändern, wenn ich auf verschiedene Element hover'e:

#test1:hover {#bild.background-image:url(dreieck1.gif);}  
#test2:hover {#bild.background-image:url(dreieck2.gif);}  
#test3:hover {#bild.background-image:url(dreieck3.gif);}
<img id="bild" src="transparent.gif">  
<span id="test1">test1</span>  
<span id="test2">test2</span>  
<span id="test3">test3</span>

Geht soetwas mit CSS? Vielleicht stehe ich mir auf dem Schlauch und die Elemente müssen nur verschachtelt/anders angeordnet werden?

Lothar