Dropdown Menü klappt nicht auf (ul li:hover ul)

Hallo zusammen,

ich habe ein Problem beim Erstellen eines Dropdown-Menüs, welches beim Mouseover die 2. Menüebene des Punktes aus der 1. Menüebene aufklappen soll. Das Untermenü weigert sich allerdings aufzuklappen.

[HTML]

[/HTML]

[CODE]ul ul {
display: none;
}

ul li:hover ul {
display: block;
}[/CODE]

Das Problem scheint bei „ul li:hover ul“ zu liegen. Wenn ich „ul:hover ul“ schreibe, wird das Untermenü eingeblendet, jedoch beim Mouseover über die gesamte 1. Menüebene.

Was mache ich falsch? Vermutlich ist die Lösung recht simpel…ich komm nur leider nicht drauf.

Versuch mal ul li:hover + ulWobei Ich glaube, dass es besser wäre, wenn du dem dropdown eine eigene Klasse gibst

Das Untermenü muß sich zwischen

  • befinden.

    [code=html]

    [/code] https://jsfiddle.net/spicelab/otsrr0dc/

    Ahh so klappt es wunderbar. :slight_smile: Super, besten Dank!

    Gern geschehen :slight_smile: