Как выделить активную ссылку меню в Битрикс?

Question

[monyavitevna]

Сайт на Битрикс topliga.ru.
Есть пункты меню "Мужчинам", "женщинам", "детям".

<div class="dop-menu">               
				<ul>
								<li><a href="/women">ЖЕНЩИНАМ</a></li>
								<li><a href="/men">МУЖЧИНАМ</a></li>
								<li><a href="/kids">ДЕТЯМ</a></li>
				</ul>
				</div>

Необходимо выделить активную ссылку (подчеркнуть), которая нажата на данный момент.

Если не ошибаюсь, то этот код должен это делать. Но не работает. Не подскажете, в чем может быть дело?

.dop-menu ul li a:active {
    
    text-decoration: underline;
}

Answer 1

[Александр Филиппенко]

У компонента меню, в массиве для записи совпадающей с текущей страницей есть ключ SELECTED
вот пример

<li<?= !empty($arSubItem['SELECTED']) ? ' class="active"' : '' ?>><a href="<?= $arSubItem['LINK'] ?>"><span><?= $arSubItem['TEXT'] ?></span></a>

Только проверьте чтобы с кешем проблем не было.

Answer 2

[Максим Тимофеев]

Если не ошибаюсь, то этот код должен это делать

ошибаетесь. css понятия не имеет какой адрес страницы сейчас у пользователя. Псевдокласс :active нужен для стилизации элемента в момент нажатия на него.

Вам надо или при генерации на сервере, добавлять к активному пункту какой-то класс, например .active и уже его стилизовать в css. Или тоже самое делать в js (парсить url и устанавливать класс)