a:hover mit "verschachtelter" CSS Klasse

[Cssler]

Einspruch: Eine Navigation _ist_ eine Liste von Links. Inbesondere wenn du noch eine Hierarchie einbaust.

Jein, die (Link-) Liste ist ja auf allen Seiten und somit nicht Teil des Inhalts. Aber weiss was du meinst, machte dies früher auch so. Ist nicht (grundsätzlich) falsch. Will es nun aber anders machen (mittels <nav>, welches die "Liste" ersetzt). U.a. auch weil ich Linklisten haben werde, also im Inhalt, welche auch tatsächliche, sichtbare Listen sind (nummerierte Listen).
Befolge diesmals also den semantischen Ansatz ganz streng ;)

Grössere Herausforderung wird übrigens das HTML5-Markup sein, das in alten Browsern (insbesondere IE) nicht geht, da die den body-Tag voraussetzen, welcher in HTML5 nicht mehr notwendig ist.

Kann dir diese Seite dazu (HTML5) empfehlen, sehr schön. Ist ein alter Hut...
The Uncomplicated Web
http://daten.dieweltistgarnichtso.net/tmp/docs/the-uncomplicated-web.html

Kennst du auch reine CSS-Aufklappmenüs ohne Einsatz von Listen (ul und li-HTML-Elemente)?

Viele Grüsse