@Ornik

Как сделать чтобы при hover 1-ый объект не погасал при наведении на второй?

У меня есть навигация и строка и есть выпадающее меню. Но когда мышка переходит на меню, навигация гаснет.
62f38408a4126703125170.png
62f3841322243009591620.png

<ul class="menu">
                            <li>
                            <a class="nav_links active" href="#">Services</a>
                            <ul class="sub_menu_title">
                                <li>
                                    <a class="sub_menu" href="#"><div class="name_menu">Web Design</div></a>
                                </li>
                                <li>
                                    <a class="sub_menu" href="#"><div class="name_menu">Wordpress Design</div></a>
                                </li>
                                <li>
                                    <a class="sub_menu" href="#"><div class="name_menu">Mobile App Devplopment</div></a>
                                </li>
                                <li>
                                    <a class="sub_menu" href="#"><div class="name_menu">Internet Marketing</div></a>
                                </li>
                                <li>
                                    <a class="sub_menu sub_menu_last " href="#"><div class="name_menu name_menu_last">Social Media Management</div></a>
                                </li>
                            </ul>
                        </li>
                    </ul>


.nav_links:hover{
    color: #76c5d8;
    background: white;
    border-top: 5px solid #76c5d8;
   
}

.name_menu:hover{
    color: #2aacc8;
}
  • Вопрос задан
  • 49 просмотров
Пригласить эксперта
Ответы на вопрос 1
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
делай hover на ".menu > li", а не на "a"
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы