css - 当 li 悬停时显示另一个 div

Question

我有两个 div，第一个有完整的 Menu li 元素，第二个有子菜单。当我将鼠标悬停在菜单 li 上时，它应该显示下一个带有 CSS 的 div

li:hover{
  //Display Submenu
}

Fiddle here

Answer 1

https://jsfiddle.net/yv6pyk7a/

.secondDiv:hover {
    display:block;  
}
.secondDiv > li:hover {
    background: #aaa;
    cursor: pointer;
}

只要检查一下这个就可以了。希望能解决问题。