Как сделать активный link с проваливанием во внутрь?

Question

[litash]

Нужно что бы активная линка меняла цвет при клике и была активна.
Так же нужно что бы например к пути /admin добавляется /admin/dashboard линка оставалась активная.
Пример на codepen не будет работать из за отсутствия страниц в моем варианте но я думаю Вам будет понятно.
Помогите)

Вот пример

Answer 1

[TCloud]

Прежде чем сюда идти, лучше бы смотрели документацию.
https://www.w3schools.com/tags/tag_a.asp

a:link, a:visited { 
  color: (internal value);
  text-decoration: underline;
  cursor: auto;
}

a:link:active, a:visited:active { 
  color: (internal value);
}

Comments

[litash]

скорее всего я не ясно описал задачу, не подходит этот вариант.
мне нужно решение и использованием js.
при загрузке страницы что бы уже была активная линка по умолчанию.
при переходе на другие, с предыдущей линки класс active удалялся и цеплялся на current линку.
именно как это сделать - я знаю. но если у меня пусть admin/dashboard а не просто /admin, то ничего уже не работает. так как к url добавляется еще путь а у меня проверка только this.pathname == window.location.pathname

Answer 2

[litash]

Додумался) проверка this.pathname.split('/')[2] == window.location.pathname.split('/')[2] решило вопрос.