css 多级下拉继承

Question

我在继承方面遇到了一些麻烦。如果展开第一个菜单项并将鼠标悬停在上面，您会看到一个带有链接的灰色弹出窗口。里面的链接继承了原始样式，我不确定如何阻止它采用这些样式。我只是希望它们成为弹出窗口中的默认链接样式。我试过选择器，但我没有任何运气。想法？

我把我的代码放在这里:http://pastie.org/3388191

Answer 1

只需使用 CSS 的 child combinator , ul > li 为您的主列表项定义样式，这样这些样式将不会继承到您的二级子导航之后，如下所示:

#nav > ul > ul {
    background-color: #999999;
    height: 299px;
    margin: 0;
    padding: 0;
    width: 652px;
}

演示:http://jsfiddle.net/kQuGd/1/show/