Auge: Ungeordnete Liste für Navigation(Klappmenü) soll verschwinden!

Beitrag lesen

Hallo

achja der teil vom Css, der nicht funktioniert ist folgender:

Nö, der funktioniert tadellos, kannst du mir glauben.

#Navigation li ul li ul

{
visibility: hidden;
height: 0;
}
#Navigation li ul li:hover ul {
visibility: visible;
height: auto;
}

#Navigation li ul li:active ul {
visibility: visible;
height: auto;
}

#Navigation li ul li:focus ul {
visibility: visible;
height: auto;
}

  
Dein Problem ist, dass folgender Code auch funktioniert:  
  
~~~css
#Navigation li ul {  
 visibility: hidden;  
 height: 0;  
}  
  
#Navigation li:hover ul {  
 visibility: visible;  
 height: auto;  
  
}  
  
#Navigation li:active ul {  
 visibility: visible;  
 height: auto;  
}  
  
#Navigation li:focus ul {  
 visibility: visible;  
 height: auto;  
}

Der gilt nämlich nicht nur für die _direkt_ in einem Listenpunkt der Liste mit der ID "Navigation" notierten Listen, sondern für _alle_ Listen, welcher Verschachtelungstiefe auch immer, die innerhalb eines Listenpunktes der Liste mit der ID "Navigation" notiert sind. Also auch für deine dritte Navigationsebene.

Du kannst versuchen, mit der <http://de.selfhtml.org/css/formate/kaskade.htm#spezifitaet@title=Spezifität der Selektoren> zu experimentieren, um die von mir zitierten Regeln durch die oben von dir in's Posting eingefügten zu überschreiben.

Tschö, Auge

--
Die deutschen Interessen werden am Liechtenstein verteidigt.
Veranstaltungsdatenbank Vdb 0.2