CSS Eltern Selektor

[Gelöschtes Mitglied 2703]

Ich brauche einen Eltern selektor fuer css.
html

<div>
     <span id="test" />
</div>

nun will ich ueber das id attribut test von span auf das div zugreifen
css

span#id ~ div { top:inherit }

~ soll der eltern selektor sein
gibt es irgendeine moeglichkeit?
ich habe mein css buch von O'Reilly komplett durch, alle de.selfhtml.org zum thema css gelesen und auch circa 30 min gegoogelt :|

 

[Baddii]

was ist denn ein "eltern selektor"?

also, um auf ein div zuzugreifen, muss du nur #div-id { <-- css !--> } schreiben... anders kenn ichs nicht.

 

[Gelöschtes Mitglied 2703]

darum gehts hier nur ueberhaupt nicht. (ich weiss wie ich ein div selektiere...)

ich will eigentlich nur das gegenteil des kind selektors erreichen ( > )

 

[Steltie]

was genau willst du damit überhaupt erreichen?
selektiere doch einfach das div.

@Baddii:

<-- css !-->

was soll das denn für ein Kommentar sein?
wenn dann

 

[Gelöschtes Mitglied 2703]

html

<div>
          <a href="example.com" />
</div>

css:

a ~ div { background-image: url() }
a:hover ~ div { background-image: url() }

wobei ~ wieder der eltern selektor sein soll.
bis jetzt habe ich es so geloest:
html

<a href="example.com">
     <div />
</a>

css

a div { background-image: url() }
a:hover div { background-image: url() }

nur ist es nicht erlaubt ein block element innerhalb eines inline elements zu haben - ihr versteht das problem?

einfach gesagt geht es darum das bild das man anklicken kann zu aendern wenn die maus es ueberfaehrt.
(mir faellt grad auf das meine loesung auch net die wahre ist - wenn das a im div steht kann man ja nicht mehr auf das bild klicken )

 

[Steltie]

machs halt mit javascript

 

[Gelöschtes Mitglied 2703]

wenn ich es mit javascript machen wollte haette ich es in ein anderes forum gepostet.

hab es jetzt geloest!
einfach noch ein display:block beim a tag und jetzt gehts auch mit hintergrundbild direkt bei <a>
html

<a href="http://www.example.com">

css

a#src1 { display:block;background-image: url(image.gif); background-repeat: no-repeat }
a#src1:hover { background-image: url(image2.gif) }

hat sich damit erledigt.
[juhu! endlich vernuenftig ohne javascript geloest]