Warum braucht das Menü soviele ul:hover?

[Marc]

Hallo,

sieht mir nach Blödsinn aus.

.menu ul,  
.menu :hover ul ul,  
.menu :hover ul :hover ul ul,  
.menu :hover ul :hover ul :hover ul ul,  
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

Die erste Zeile besagt, dass die Regeln bereits angewendet werden sollen, wenn die Seite geladen wird. Die anderen sorgen dafür, dass diese Darstellung auch bei mouseover beibehalten wird.

Da ul aber aus dem Viewport hinausgeschoben wird (um 9999px nach links und oben), kann die ul nicht mit der Maus überfharen werden.

Von daher macht alles nach der ersten Zeile für mich keinen Sinn.

Da sich Links innerhalb des Menüs aber nach wie vor antabben lassen (von Tastaturnutzern), sollten fokussierte Links irgendwie dargestellt werden.

Aber das geht mit :focus und nicht mit :hover...

Viele Grüße,
Marc.