~ als selektor / operator gibt es so nicht. Zumindest hab ich es noch nie gesehen...
Ansonsten, dass was du vorhast, geht schlicht und ergreifend nicht. Du kannst nur die Kinder eines Elements per css ansprechen sprich
<style>
a span { display: none; }
a:hover span { display: inline; }
</style>
<a>Hello<span> World</span></a>//P.S. fast richtig, es gibt noch '+' als Operator, womit das nächste Element angesteuert wird
<style>
a + span { display: none; }
a:hover + span { display: inline; }
</style>
<a>Hello</a>
<span> World</span>womit man auch so lustige hacks bauen kann:
<style>
a + * + * { display: none; }
a + * { display: inline; }
a:hover + * { display: none; }
a:hover + * + * { display: inline; }
</style>
<a>Hello</a>
<span> World</span>
<span> Mouse</span>~ als Selector gibt es ist ein CSS-KontextSelector:
http://www.mediaevent.de/css/css-selekt…xtselektor.html
Verwende ich auch hier:
http://f-h.kaninchenrettung.de/macrosdesign_t…_play/lightbox/
interesting, da lohnt sich hier reinzuschauen also doch noch *g*, na dann, brauchmer wohl den Rest. Die Idee an sich wäre wohl doch möglich.
Lustig find ich zumindest, dass in der Tabelle es ein – ist statt ~
Das Problem von brilliant ist übrigens das sein Link in einem div-Element ist und ich vermute einmal das das andere div nach diesem kommt somit also nach dem Elternelement des Links kommt. Und auf Elternelemente kann man mit CSS leider per KontextSelektoren nicht zugreifen
Also muss es so gehen:
<a href="#link">Hyperlink</a>
<div id="zielelement"></div>
a:hover ~ div {background:#000};
oder
a:hover + div {background:#000};
Ist halt die Frage wieviel DIV-Elemente er ansprechen will.