Испытания

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

CSS: Позиционирование

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

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

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

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

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

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

Примеры

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

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

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

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

Подсказки

  • Посмотреть финальные результаты в трёх состояниях можно в директории __tests__/__image_snapshots__
Успешных завершений: 78%

Последние код-ревью

Автор Дата обновления Версий
vitalii_b88 05 июля, 19:21 1
user-0b12b0ab9e8a5a7d 27 июня, 20:01 2
incraft 25 июня, 05:38 1
sanyativporyadke 24 июня, 17:57 1
aldangold 24 июня, 12:28 1