HTML: Выпадающее меню

Выпадающее меню — наверное, самый частый элемент, который присутствует на макете. Это действительно удобная концепция, позволяющая вместить много различных пунктов в небольшое пространство и логически разделить подпункты.

В этом испытании вам дана вёрстка меню с выпадающим подменю. Но работоспобность оставляет желать лучшего.

Ваша задача: дополнить недостающие стили селекторов:

• .sub-menu
• .nav li
• .nav li:hover > .sub-menu

Алгоритм работы выпадающего меню

• В исходном состоянии все подменю скрыты
• При наведении на пункт меню должно появляться подменю

Примеры

Начальное состояние

Hover на втором пункте меню

Подсказки

• Посмотреть финальные результаты в трёх состояниях можно в директории __tests_/_image_snapshots__
• Используйте свойство display со значениями none и block