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

Оформляем пункты подменю

Теперь оформим пункты подменю. Оформление будет отличаться от пунктов верхнего уровня и будет максимально простым.

С помощью какого селектора задавать стили для пунктов подменю?

Для этого можно использовать сложный контекстный селектор. Например, такой:

.main-menu li li a

Он выберет только те ссылки, которые лежат внутри двух и более элементов списка, то есть ссылки на втором уровне и ниже.

Также мы изменим поведение при наведении для подпунктов. Селектор будет очень похож на предыдущий:

.main-menu li li a:hover

Хотите научиться профессионально писать код на самом востребованном языке программирования? Записывайтесь на профессию «React-разработчик», которая стартует 20 мая 2024. Всего от 4690 ₽в месяц.

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

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

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

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

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

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