отреагировать на кнопку навигационной панели, как активировать

Question

Я хочу, чтобы кнопка на боковой панели меняла цвет при посещении страницы, на которой она находится.

Answer 1

У меня была эта проблема раньше, и :active не сильно помог, потому что она возвращается к исходному CSS, когда я щелкаю другую часть на своей странице.

Что вы должны сделать, это создать класс для выбранной кнопки панели навигации

.current_active_navbar {
   background-color: $main-red;
}

, а затем в своем js создать условие, которое будет применять .current_active_navbar к панели навигации на основе вашего текущего URL,Вы можете получить текущий URL-адрес через этот window.location.href

Итак, допустим, ваш текущий URL-адрес localhost:3000/timer, тогда вы можете иметь свое состояние следующим образом

if(window.location.href.split("/")[3] === "timer")

Answer 2

Я сам не очень хорошо разбираюсь в CSS, но этот довольно неплохо объясняет это.