• Теория
  • Теория

Отображаем подменю при наведении

Последний этап — добавление интерактивности.

Сначала прячем выпадающее подменю по умолчанию, с помощью display: none;.

Затем делаем так, чтобы при наведении курсора на пункт меню, внутри которого расположено подменю, оно появлялось. Для этого используем контекстный селектор в сочетании с псевдоклассом :hover и display: block;.

Хотите досконально разбираться в разметке, знать о доступности, строить сетки на флексбоксах? Записывайтесь на профессиональный курс по вёрстке первого уровня, проходящий c 27 мая по 29 июля 2024. Только 5 дней цена 21 900 ₽22 900 ₽

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Мастерская: создаём меню» тренажёра «Ретромастерские» можно после регистрации и оформления подписки.