@bazliiii

При наведении на блок выпадающее меню?

Добрый день , возникла такая вот проблема:
При наведении на ссылку хотел бы добавлять display: block для выпадающего меню ,но почему-то схема
.menu__link:hover .sub__menu__list{
    display: block;
}

Не работает , вот кусочки кода:
<nav class="menu">
          <ul class="menu__list">
            <li class="menu__item">
              <a href="#" class="menu__link">Investors</a>
            </li>
            <li class="menu__item">
              <a href="#" class="menu__link">Entrepreneurs</a>
            </li>
            <li class="menu__item">
              <a href="#" class="menu__link">About us</a>
              <ul class="sub__menu__list">
                <li class="sub__menu__item"><a href="#" class="sub__menu__link">Who we are</a></li>
                <li class="sub__menu__item"><a href="#" class="sub__menu__link"> Jobs</a></li>
                <li class="sub__menu__item"><a href="#" class="sub__menu__link">FAQ</a></li>
              </ul>
            </li>
            <li class="menu__item">
              <a href="#" class="menu__link">Portfolio</a>
            </li>
            <li class="menu__item">
              <a href="#" class="menu__link">Research & Media</a>
            </li>
            <li class="menu__item">
              <a href="#" class="menu__link">Blog</a>
            </li>
          </ul>
        </nav>

.sub__menu__list{
    top: 99px;
    left: 36.927vw;
    position: absolute;
    background-color: #fff;
    width: 261px;
    height: 207px;
    box-shadow: 0px 14px 11px rgba(0, 0, 0, 0.12);
    padding-top: 28px;
    display: none;
}
.sub__menu__link{
    font-style: normal;
    font-weight: 350;
    font-size: 18px;
    line-height: 50px;
    color: #094E60;
}
.sub__menu__item{
    list-style-type:disc;
    color: #094E60;
    font-size: 10px;
    margin-left: 60px;
}
.menu__link:hover .sub__menu__list{
    display: block;
}

Помогите кто разбирается
  • Вопрос задан
  • 51 просмотр
Решения вопроса 1
@bazliiii Автор вопроса
В общем нашел решение , hover нужно было добавить menu__item
.menu__item:hover .sub__menu__list{
display: block;
}

Так работает
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы