Wie mache ich bei meinem horizontalen Menü eine 3.Ebene?

[Beat]

Hallo,
mich würde mal interessieren, wie ich es schaffen kann, eine 3.Ebene in meinem Menü zu schaffen? Habe schon alles ausprobiert, aber es klappt immer noch nicht :( .
Also als erstes habe ich das entsprechende ul-Element auf

li ul li ul {

display: none;
color: black;
}

>   
> gesetzt. (Davor hatte ich es schon in meine Navigation.html Datei eingesetzt). Dann, um den hover Effekt herzustellen, machte ich folgendes:  
>   
> ~~~css

li:hover li ul li ul {  

> 	display: block;  
> 	color: black;  
> }

So...aber das klappt irgendwie nicht ganz :( . Das Menü bleibt weg (soll ja auch so sein) aber wenn es erscheinen soll (indem man über einen Link mit der Maus fährt), dann kommt es auch nicht. Langsam bin ich echt am verzweifeln.

li ul li ul {
  display: none;
}

schaltet alles ab, was es matcht, also mehr als du denkst.
Ein Versuch, ein Child von einem ausgeblendeten Parent anzuzeigen, muss fehlschlagen.

Verwende Klassen für Ebenen.

mfg Beat