CSS Eltern Selektor

  • Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!
Status
Es sind keine weiteren Antworten möglich.

niklasboelter

Neues Mitglied
28 August 2005
3.262
9
0
#1
Ich brauche einen Eltern selektor fuer css.
html
Code:
<div>
     <span id="test" />
</div>
nun will ich ueber das id attribut test von span auf das div zugreifen
css
Code:
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 :|
 

niklasboelter

Neues Mitglied
28 August 2005
3.262
9
0
#3
darum gehts hier nur ueberhaupt nicht. (ich weiss wie ich ein div selektiere...)

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

Steltie

Neues Mitglied
10 Mai 2005
143
0
0
#4
was genau willst du damit überhaupt erreichen?
selektiere doch einfach das div.

@Baddii:
Code:
<-- css !-->
was soll das denn für ein Kommentar sein?
wenn dann
 

niklasboelter

Neues Mitglied
28 August 2005
3.262
9
0
#5
html
Code:
<div>
          <a href="example.com" />
</div>
css:
Code:
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
Code:
<a href="example.com">
     <div />
</a>
css
Code:
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 :eek: )
 

niklasboelter

Neues Mitglied
28 August 2005
3.262
9
0
#7
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
Code:
<a href="http://www.example.com">
css
Code:
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]
 
Status
Es sind keine weiteren Antworten möglich.