• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

CSS Eltern Selektor

  • Ersteller Ersteller Gelöschtes Mitglied 2703
  • Erstellt am Erstellt am
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 :|
 
was ist denn ein "eltern selektor"?

also, um auf ein div zuzugreifen, muss du nur #div-id { <-- css !--> } schreiben... anders kenn ichs nicht.
 
darum gehts hier nur ueberhaupt nicht. (ich weiss wie ich ein div selektiere...)

ich will eigentlich nur das gegenteil des kind selektors erreichen ( > )
 
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
 
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 :o )
 
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.
Zurück
Oben