Не получается сделать активные ссылки меню в MODx

Проблема такая: снипет MODx Wayfinder прекрасно определяет текущий раздел меню как активный. В CSS прописано какого цвета должна быть активная страница, однако на сайте это не отображается:(
привожу код:
div id="navyBlock" - это тот самый блок меню> написан без использования списка li
первый пункт меню href="/o-federaczii.html">О ФЕДЕРАЦИИ
второй пункт - определен как автивный class="active" href="/dokumentyi.html">ДОКУМЕНТЫ
остальные пункты href="/regionyi.html">РЕГИОНЫ
остальные пунктыhref="smi-o-nas.html">МЕДИА
остальные пункты href="/magazin.html">МАГАЗИН
остальные пункты href="/kontaktyi.html">КОНТАКТЫ

CSS
div#navyBlock {
position:relative;
width:100px;
height:100%;
display:inline-block;
top:170px;
text-align:right;
line-height:23px;
float:right;
right:40px;
}


div#navyBlock a {
font-size:14px;
color:#aaa;
display:inline-block;
width:160px;
line-height:23px;
position:relative;
height:23px;
top:-6px;
}

div#navyBlock a:hover {
color:#666;
}

div#navyBlock a:active{
color:#666;
}

И вот активный пункт меню (в данном примере это страница ДОКУМЕНТЫ) не отображается тем цветом, который описан.
Что не так?

1 ответов


Вот пример.

Запуск Wayfinder:


[[Wayfinder? &startId=`0` &level=`1` &rowTpl=`main_link` &hereTpl=`active_link`]]
 

main_link - без выделения
active_link - с выделением

Чанк active_link:

<td align="center" class="menu_selected"><a href="[+wf.link+]">[+wf.linktext+]</a></td>
 

class="menu_selected"

.menu_selected {
    color: #ffffff !important;
}