Пункт меню может находиться как минимум в трёх состояниях:
Хорошим тоном считается задавать стили для этих состояний.
С помощью псевдокласса :hover задают стили при наведении курсора мыши. Для активного состояния создают дополнительный класс, который добавляют активному пункту.
Добавим стили для состояний. Будем считать, что мы находимся на странице Услуги.
Внимание! Не путайте активное состояние пункта меню и псевдокласс :active у ссылок. Этот псевдокласс срабатывает в момент, когда клавиша мыши нажата на ссылке. А активное состояние пункта меню — это часть логики интерфейса.
active ко второму элементу списка.active цвет на white и фон на #0088cc.#f5f5f5 при наведении на ссылку и наведите курсор на неактивные пункты меню.В третьей цели правило .main-menu a:hover нужно расположить перед .main-menu .active a .
Обсуждение и комментарии
Если у вас возникли сложности при прохождении задания, то вы можете обратиться за помощью на наш форум. Мы отслеживаем сообщения и постараемся ответить максимально быстро.
Пожалуйста, не пишите решение задач. Такие сообщения будут удаляться.