Как стилизовать активные категории сайта?

Question

[HOPMNC EVER]

Всем привет.
Есть категории на сайте.
К примеру:

1.Овощи
1.1 Огурец
1.2 Помидор

2. Фрукты
2.1 Яблоки
2.2 Груши

Как правильно сделать, чтобы при нахождении в любой категории раздела овощи, стилизовать именно раздел? А не категорию.

В JS я бы сделал так:

let veget = document.querySelector('.veget'),
       fruit = document.querySelector('.fruit');

 if(window.location.pathname == "/tomato/") {
  veget.classList.add('active');
}

Насколько такая реализация правильна?

Я думаю суть донес.
Заранее спасибо за ответы

Comments

[Adamos]

У вас список категорий и разделов тоже на фронтэнде формируется? Или вам просто страшно трогать бекэнд?

[HOPMNC EVER]

Страшно трогать)

Answer 1

[Антон Шаманов]

Нужно передать breadcrumbs пути к разделу в js и проверить имеющиеся внутренние ссылки на нахождение в breadcrumbs.