Скачать или смотреть Выпадающее меню на чистом CSS и HTML. Меню CSS с ВЫПАДАЮЩИМ списком.

#выпадающее #меню стоит начать с разметки. Причём, не важно, верстаем мы #горизонтальное или #вертикальное меню с выпадающим списком, в #HTML всё будет идентично.

Пока что мы стилизуем горизонтальное меню с выпадающим подменю снизу. Потом переделаем его в вертикальное меню, а подменю будет отображаться сбоку.

Выпадающие списки меню делаются многоуровневыми, копируя UL. Это просто реализовать на чистом #CSS.

Ссылка на статью из видео:   / a11y-poll-2019  

0:00 Разметка меню с выпадающим списком
1:19 Стилизация меню с выпадающим списком
2:56 Область клика пункта меню
3:20 Состояния пункта меню
4:57 Стилизация подменю
7:08 Отображение выпадающего меню
10:09 Правильное отображение выпадающего меню
12:52 Вертикальное меню с выпадающим списком