CSS Eltern Selektor

  • Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!
Status
Für weitere Antworten geschlossen.
G

Gelöschtes Mitglied 2703

Guest
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 :|
 
G

Gelöschtes Mitglied 2703

Guest
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
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
 
G

Gelöschtes Mitglied 2703

Guest
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: )
 
G

Gelöschtes Mitglied 2703

Guest
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
Für weitere Antworten geschlossen.
Werbung: