逻辑背后：在下拉菜单中悬停选择器

Question

可能是一件小事，但我很难找到悬停选择器如何在下拉菜单中逻辑运行。 以下是有问题的整个代码：https://jsfiddle.net/5dcd9zLh/

.droplist {
   display:none; 
}

li:hover > .droplist {
   display: block;
}

这是我对当前代码的理解。
第1步：李正在盘旋 第2步：选择所有子元素.droplist
第3步：应用样式显示：阻止到.droplist

这并不意味着当我开始将光标从li悬停到droplist时，样式将恢复显示：none？为什么.droplist在li不再悬停时会保持显示：block属性？

Answer 1

因为.droplist是li标签的子代。因此，当您将鼠标悬停在.droplist上时，这仍然被称为悬停在li标签上。

：悬停选择器可以知道：“鼠标悬停在我或我所有的孩子身上”

希望这有助于您理解这一点！