html - CSS菜单未显示子项

我有此菜单的CSS代码：

/** CUSTOMER MENU **/
#CustomerMenu {
    margin-bottom:10px;
}
#CustomerMenu ul {
    padding: 0;
    margin:0 auto 0 auto;
    list-style-type: none;
    text-align: center;
    display:inline;
}
#CustomerMenu ul li {
    display: inline;
}
#CustomerMenu ul li a {
    text-decoration: none;
    padding: 10px;
    color: #FFFFFF;
    background-color: #666666;
}
#CustomerMenu ul li a:hover {
    color: #fff;
    background-color: #f36f25;
}
/** CUSTOMER MENU **/

但它没有显示子项-如下所示：

http://jsfiddle.net/dvborqgm/

最佳答案

快速修复方法：http://jsfiddle.net/0781wtqu/
基本上，将一个类添加到子菜单（在我的示例中为“ submenu”），然后通过CSS规则将其隐藏，然后添加另一个CSS规则以将鼠标悬停时显示隐藏的类

#CustomerMenu ul li:hover > ul.submenu { display: block;}

关于html - CSS菜单未显示子项，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/27100401/