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/

Answer 2

修改

快速阅读你的问题并没有看到你真正的问题是什么，抱歉。有两种方法（我知道）可以解决您的链接问题。

一种方法是将第三级菜单链接添加到默认样式

a, #nav ul ul a {
  // YOUR STYLE PROPERTIES
}
a:hover, #nav ul ul a:hover {
  // YOUR STYLE PROPERTIES
}

第二种方法是将类分配给第三级菜单中的链接，或第一级和第二级菜单中的链接。

如果您将类分配给第三级链接，只需将相同的样式应用于该类作为默认链接。

如果您将类分配给第一级和第二级链接，则删除所有链接样式，如

#nav ul a

您的第三级链接将自动获得默认链接样式。

问题在于使用#nav a将样式应用于#nav

中的所有链接