Нужна помощь отлавить стиль CSS - Вопросы по CSS

структура меню на выходе такая :
Нужно зацепить и оформить уникальный класс  SPAN-элемента активного меню то есть в данном случае это element-1...
Перепробовал практически все варианты, хотя может что нибудь да упустил:
и так - span.prompt1 div.element-1 a.mainlevel-1#active_menu{}, и так  div.element-1 a.mainlevel-1#active_menu span.prompt1{}
сотни всяких вариантов, да и вообще где можно глянуть как правильно устроена подобного рода иерархия?
Еще раз повторю задачу : Нужно "поймать" или оформить именно тот SPAN - что будет соответствовать ID="active_menu" !!!

Ну прям я злой как сссобака целый день бьюсь...

если я вас правильно понял вам надо задать какой-то стиль для span.prompt1 закрепленым ТОЛЬКО за a#active_menu. в CSS2 это можно оформить смежным селектором.
выглядит так на вашем примере:

но есть 2 условия такой разметки. браузер клиента должен держать CSS2. и это главное - после "<a title="Главная" class="mainlevel-1" id="active_menu"> тут картинка </a>" должен идти <span>. никаких других тегов(<br /> к примеру).

Helios
Спасибо чувак, все сработало!  Где бы почитать про подобного рода иерархию в стилях, чтоб не задавать больше подобных ламерских вопросов?

можно тут если хорошо англ. знаете http://www.w3.org/TR/CSS21/selector.html