Подсветка пунктов многоуровневого меню

[buck2006]

Есть стандартное многоуровневое меню в Joomla 2.5

Как подсветить активный пункт? Имеется в виду, что если я например выбираю Пункт1->Пункт1.1->Пункт1.1.1, то чтобы все они подсвечивались, а остальные пункты оставались с прежним цветом.

Тут есть такой код:

<li class="item-109 active deeper parent">

Можно ли как-нибудь через css прописать с помощью классов active эту подсветку?

[buck2006]

Эх, и опять-таки разобрался сам.

Правда сделал не с помощью css, а с помощью JS

Держите, кому интересно:

try{
	var el=document.getElementsByClassName("active");		
	for(var i=0;i<el.length; i++)
	{		
		var link = (el[i].getElementsByTagName('a')[0]);
		if (link != null)
		{
			link.style.color = "#000000";
		}
	}
}catch(e){}

Edited November 15, 2012 by buck2006

[USF]

а разве просто цвет для класса active, который будет у всего дерева выбранного, не канает?

[buck2006]

Не канает

Если написать так:

.active a
{
  color:#000000;
}

Так как у нас структура примерно такая:

<ul>
  <li>
     <a href="...">Пункт1</a>
  </li>
  <li>
     <a href="...">Пункт2</a>
  </li>
  <li class="active">
     <a href="...">Пункт3</a>
     <ul>
         <li class="active">
           <a href="...">Пункт3.1</a>
         </li>
         <li>
           <a href="...">Пункт3.2</a>
         </li>
         <li>
           <a href="...">Пункт3.3</a>
         </li>
     </ul>
  </li>
  <li>
     <a href="...">Пункт4</a>
  </li>
  <li>
     <a href="...">Пункт5</a>
  </li>
  <li>
     <a href="...">Пункт6</a>
  </li>
</ul>

То тогда в выбранном пункте все дочерние пункты тоже будут подсвечиваться.