CSS下拉菜单样式

我在顶部主导航栏中创建了一个CSS下拉菜单HERE ON THIS PAGE。CSS下拉菜单样式

产品，支持和社区顶部链接下有一个下拉菜单。

在这个特定的页面上，我激活了产品链接上的一个类，因此列表项更暗，告诉观察者他们在产品页面上。

<li class="products"><a href="#">products>

但是，当我这样做，我失去了产品下拉菜单的所有样式，它从它的父产品中挑选CSS样式。我希望它保持看起来像支持和社区的下拉菜单。

任何想法我可以做到这一点？

谢谢！

2013-06-19 Kim

使用'>'而不是'>' –

试试这个（NAV-菜单gaming.css：113）

.menu > li:hover

代替

.menu li:hover

从导航菜单 - gaming.css：126，改变

.products a到.products > a

2013-06-19 19:23:47

嗨，当我这样做（chan将它切换到.menu> li：hover），它将删除正在工作正常的子菜单（支持和社区）的悬停效果，但它对于Products子菜单没有任何作用。 – Kim

@Kim更新了我的答案，请检查 –

嗨 - 对于第126行，我应该删除整个线性渐变效果？是的，这确实解决了产品子菜单的问题，但它也摆脱了我不想要的主要产品链接的效果。 – Kim

回答