JSFiddle - React, Tailwind, and code Playground

HTML

<ul role="menu">
        <li role="menuitem"><a href="">Главная</a></li>
        <li role="menuitem"><a href="">Страницы</a></li>
        <li><a href="">Контент</a>
            <ul class="dropdown one">
                <li><a href="">Видео</a></li>
                <li><a href="">Аудио</a>
                    <ul class="sub-dropdown">
                        <li><a href="">Музыка</a></li>
                        <li><a href="">Минусовки</a></li>
                        <li><a href="">Обложки</a></li>
                    </ul>
                </li>
                <li><a href="">Изображения</a></li>
            </ul>
        </li>
        <li role="menuitem"><a href="">Купить</a></li>
        <li role="menuitem"><a href="">Соглашение</a></li>
        <li role="menuitem"><a href="">Устав</a>
            <ul class="dropdown two">
                <li><a href="">Декларации</a></li>
                <li><a href="">Положения</a></li>
                <li><a href="">Контракт</a>
                    <ul class="sub-dropdown">
                        <li><a href="">Для ЧП</a></li>
                        <li><a href="">Для ФОП</a></li>
                        <li><a href="">ДЛЯ НП</a></li>
                    </ul>
                </li>
            </ul>
        </li>
        <li role="menuitem"><a href="">Работникам</a></li>
        <li role="menuitem"><a href="">Контакты</a></li>
    </ul>

CSS

a {
    text-decoration:none;
}
ul {
    list-style:none;
    padding:0;
}

}
[role="menu"] li:hover > .dropdown {
    display:block;
}
[role="menu"] li .dropdown {
    position:absolute;
    top:100%;
    margin-left:-30px;
    z-index:1000;
    display:none;
    background:#2a282a;
}
[role="menu"] li .dropdown li {
    float:none;
    border-top:2px solid #fff;
}
[role="menu"] li .dropdown.one {
    width:116px;
}
[role="menu"] li .dropdown.two {
    width:99px;
}
[role="menu"] li .dropdown li:hover > .sub-dropdown {
    display:block;
}
.sub-dropdown {
    position:absolute;
    left:100%;
    margin-top:-32px;
    z-index:1000;
    display:none;
    background:#2a282a;
    width:99px;
}