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

[Thomas271]

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.

<ul>
  <li><a href="#">Start</a></li>
  <li><a href="#">Punkt1</a></li>
  <li><a href="#">Punkt2</a></li>
    <ul>
      <li><a href="#">123</a></li>
      <li><a href="#">456</a></li>
    </ul>
</ul>

ul ul {
  display: none;
}

ul li:hover ul {
  display: block;
}

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.

 

[LeCub]

Versuch mal

ul li:hover + ul

Wobei Ich glaube, dass es besser wäre, wenn du dem dropdown eine eigene Klasse gibst

 

[SpiceLab]

Was mache ich falsch?

Das Untermenü muß sich zwischen <li></li> befinden.

Element “ul” not allowed as child of element “ul” in this context.

<ul>
  <li><a href="#">Start</a></li>
  <li><a href="#">Punkt1</a></li>
  <li><a href="#">Punkt2</a>
    <ul>
      <li><a href="#">123</a></li>
      <li><a href="#">456</a></li>
    </ul>
  </li>
</ul>

https://jsfiddle.net/spicelab/otsrr0dc/

 

[Thomas271]

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

 

[SpiceLab]

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

Gern geschehen :)