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

Состояние «открытое подменю»

Иногда нужно сделать так, чтобы выпадающее подменю было открыто по умолчанию (а не только при наведении курсора). Как этого добиться?

Сначала к элементу списка в меню верхнего уровня, где должно быть открыто подменю, добавим класс open.

Затем используем селектор: .main-menu .open .sub-menu. И в нём пропишем свойство, которое отображает подменю.

Очень похоже на выделение активного пункта меню. Кстати, чтобы выделить сам пункт меню с открытым подменю, можно использовать вот такой селектор .main-menu > .open > a, то есть «ссылка, которая лежит непосредственно в элементе с классом open».

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

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

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

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

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

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

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