Zagnieżdżone Menu

[torm]

Witam, mam następujący problem:

Tworzę właśnie stronę internetową, w której jest jedno główne menu, poza tym w jednej pozycji z menu wyświetla się dodatkowe menu z boku.

Boczne menu ma strukturę drzewka:

- Główna pozycja 01
- podpozycja 01
- podpozycja 02
- Główna pozycja 02
- podpozycja 01
- podpozycja 02

Problem polega na tym, że główne menu, po wejściu dostaje klasę "active" i jest podświetlone, ale kiedy wejdę do którejś z pozycji menu bocznego, klasę active przejmuje to drugie menu, a ja chciałbym aby pozycja z menu głównego była nadal podświetlona. Jak to zrobić? czy da się w jakiś sposób zagnieździć menu pod odpowiednią pozycją?

Pozdrawiam

[EkleErs]

powinno wystarczyc
.active>a span{color:red}

[torm]

dzięki za odpowiedź,

niestety problem polega na tym, że gdy wybiorę którąś pozycję z bocznego menu, górne traci swoją klasę "active"

---------- Post dodany o 23:56 ---------- Poprzedni post był o 15:38 ----------

udało mi się częściowo rozwiązać problem:

w głównym menu, pozycję możemy dać jako alias do jednej z głównych pozycji w menu bocznym, wówczas wszystkie podpozycje (z tej jednej głównej) będą traktowane jako alias górnego menu.

Pozostaje tylko pytanie, co zrobić z pozostałymi pozycjami głównymi? Po kliknięciu w kolejną, Górne menu traci klasę "active".