Wie ist folgendes genau zu lesen?

[Experimentator]

Keine Ahnung unter welchem Oberbegriff diese Thematik zu fassen ist.

Folgendes Beispiel:

ul#nav li ul, /*display: none gilt für alle li und ul in erster Ebene*/
ul#nav li ul li ul, /*display: none gilt für alle li und ul in zweiter Ebene*/
ul#nav li:hover ul li ul  { /*display: none gilt beim li der ersten Ebene wenn gehovert*/
display:none;
}

Wie lese ich solche Zeilen genau? Sind die Kommentare richtig?

Hier auch noch mal, wie sind diese Zeilen genau zu lesen?

ul#nav li:hover ul,
ul#nav li ul li:hover ul {
display:block;
}

Zusatzfrage, wenn ul und li Blockelemete sind, warum müssen diese dann wieder als display:block gesetzt weerden?

Oder dies:

#cssmenu ul ul ul {
  top:0px;
  left:99%;
}

 

[pax]

Wie lese ich solche Zeilen genau? Sind die Kommentare richtig?

nicht ganz

ul#nav li ul, /* gilt nur für alle ul in erster Ebene*/
ul#nav li ul li ul, /*  gilt nur für alle ul in zweiter Ebene*/
ul#nav li:hover ul li ul   /* gilt beim ul der zweiten ebene  wenn das li der ersten Ebene gehovert ist*/

Hier auch noch mal, wie sind diese Zeilen genau zu lesen?

Zusatzfrage, wenn ul und li Blockelemete sind, warum müssen diese dann wieder als display:block gesetzt weerden?

ul#nav li:hover ul,
ul#nav li ul li:hover ul {
    display:block;
}

Blenden jeweils die Listelemente der gehoverten ul's ein. Damit werden die Menüs und Untermenüs aufgeklappt. Vorher stehen sie auf display:none;

Das letzte ist ohne Markup nicht klar. Könnte ein vertikales Menü sein, das an die rechte Seite soll.