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

回答