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

Описание

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

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

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

Ссылка на статью из видео: https://medium.com/web-standards/a11y-poll-2019-dd42928f10ba

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