2013-06-19 5 views
0

Я создал раскрывающееся меню CSS HERE ON THIS PAGE в верхней верхней части навигатора.CSS выпадающее меню стиля

В разделе «Продукты», «Поддержка» и «Ссылки сообщества» есть раскрывающееся меню.

На этой странице я дал активированный класс на ссылке с продуктом, поэтому элемент списка темнее говорит зрителям, что они находятся на странице «Продукты».

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

Но когда я делаю это я теряю все стили для продуктов выпадающих меню, он поднимает стили CSS от своих родительских продуктов. Я хочу, чтобы он оставался похожим на раскрывающееся меню для поддержки и сообщества.

Любая идея, как я могу это сделать?

CSS is HERE

Спасибо!

+0

Используйте '>' а не '' ' –

ответ

0

Попробуйте (нав-меню-gaming.css: 113)

.menu > li:hover 

вместо

.menu li:hover 

От нав-меню-gaming.css: 126, изменить

до .products > a

+0

Привет, Когда я делаю это s (измените его на .menu> li: hover), он избавится от эффектов зависания для подменю, который работает нормально (поддержка и сообщество), он ничего не делает для подменю «Продукты». – Kim

+0

@Kim Обновленный ответ, пожалуйста, проверьте –

+0

Привет - для строки 126, я должен удалить весь эффект линейного градиента? Да, это устраняет проблему в подменю «Продукты», но также устраняет эффект для основной ссылки на продукты, которую я не хочу. – Kim

Смежные вопросы