Выпадающее меню на чистом CSS и HTML 

ага, поэтому я не чего не понял почти:)

:active применяется к тегу li пока зажата кнопка мышки. Чтоб реализовать так как вы хотите необходимо использовать javascript, меняя классы или другие атрибуты элемента

В JS с помощью toggle очень удобно это делать

Попробуй .menu li:hover~ul

@@alekseyivanow ебать спасибо.. я уже забыл про это видео... я сейчас пайтон изучаю, а что даст ~ul?

@@s.shimoro.x8141 не знаю,но работает и это прикольно!

в css файле в .menu ul ul поменяй местами display: none и position: absolute ( в видео это строки 40 и 41) и все заработает

margin:auto;

в css файле в .menu ul ul поменяй местами display: none и position: absolute ( в видео это строки 40 и 41) и все заработает

Последующие ul вложены в li предыдущего. Добавил пример кода jsfiddle.net/igorrybalko/t0s5f279/67/

@@GreenComet вчера долго ..бался с наследованиями

его делаешь для пк версии. а для тачскринов вместо ховера пропиши актив. чтобы происходило при нажатии и все

и чем же он плохой?

@UA@Teroid у меня ссылка не работает

@@renpy839 Document кат1 подк2 подк3 подк2 подк3 подк4 подк4 кат2 подк2 подк3 подк4 кат3 подк2 подк3 подк4 css .menu { display: flex; } .menu li{ width: 200px; list-style: none; background: #1c473d; position: relative; } .menu a{ color: #aeadb3; text-decoration: none; display: block; text-align: center; padding: 0 10px; height: 40px; line-height: 40px; transition: all 1s; } .menu ul{ position: absolute; left:0; top:100%; display: none; padding: 0; } .menu a:hover { background: #ecf3aa; } .menu li:hover > ul{ display: block; } .menu ul ul{ display: none; position: absolute; top:0; left: 100%; }