Пункт меню может находиться как минимум в трёх состояниях:

1. спокойное состояние;
2. наведён курсор;
3. активное состояние — открыта страница, которой соответствует этот пункт.

Хорошим тоном считается задавать стили для этих состояний.

С помощью псевдокласса :hover задают стили при наведении курсора. Для активного состояния создают дополнительный класс, который добавляют активному пункту.

Добавим стили для состояний. Будем считать, что мы находимся на странице Услуги.

Внимание! Не путайте активное состояние пункта меню и псевдокласс :active у ссылок. Этот псевдокласс срабатывает в момент, когда происходит нажатие на ссылку. А активное состояние пункта меню — это часть логики интерфейса.