mit einem hover zwei stellen im doc ändern

[Matthias Apsel]

Om nah hoo pez nyeetz, bebbi!

soll ich das ganze teil einfach weglassen? ich hab das seit jahren so bzw. so ähnlich in alle meine css skripts eingebaut :-))

* html für IE 6 ist ok.

<div id="nav">

<h2>Navigation</h2>
  <ul>
    <li><a href=>...</a></li>
    <li>...</li>        <!-- aktuelle Seite -->
    <li><a href=...>...</a></li>
  </ul>
</div>

> >   
> > im CSS  
> >   
> > #nav:hover h2 {...}  
> >   
> > #nav a:hover {...}  
> >   
> > dann ändert sich die Farbe der Überschrift bereits, wenn man sich auf der Überschrift oder einem Link befindet.  
  

> jetzt ist es mit js gemacht - das soll aber geändert werden. kann man die verschiedenen divs in css nicht direkt ansprechen wie in js -  
  
Ja, aber du kannst kein Element in Abhängigkeit seiner Kind-Elemente (oder im DOM folgende) selektieren.  
  

> das ist die frage - bzw. ist die umsetzung so wie es jetzt ist (siehe link) in css überhaupt möglich ist. eigentlich soll sich ja nichts ändern wenn mann mit der maus auf die überschrift geht.  
  
Lösungsvorschlag (obige HTML-Struktur, in HTML 5 besser <nav> statt <div id="nav">):  
  
~~~css
#nav a:hover:[link:http://wiki.selfhtml.org/wiki/Doku:CSS/Grundlagen_von_CSS/Ansprechen_von_Elementen_%28Selektoren%29#Elemente_f.C3.BCr_generierten_Inhalt@title=after]  
{  
  display: block;  
  content: 'Überschrift';  
  color: ...;  
  [link:http://selfhtml.apsel-mv.de/position/position.html@title=position: absolute;]  
  top: ...;  
  left: ...;  
}  

Matthias