Активный пункт меню - Вопросы по CSS

Уже надоело париться(

Код

ul.menu li#current>a

у меня так активный пункт прописан

Жесть. Уважаемый, Вас на W3C.org заждались с такими советами.

Зачем Вы по id="current" это делаете? Он не для этих целей там. Больше 1го одноименного id на странице - это уже ошибка валидации. Для работы с активными пунктами есть class="active" Он даже для недалеких разумом назван ACTIVE - то есть активный.

Сначала был на Главной потом -> Каталог -  > Там типа менюшка Где сейфы и т.д.Выбираю сейфы
но теперь меню такого вида:

Сейфы
т.д

Жмём кнопку сейфы и получаем


Сейфы--
           |----Депозитные сейфы
           |----Гостиничные

а если выбираю потом уже депозитные сейфы то получается норма:

Сейфы--
          |----Депозитные сейфы
           |----Гостиничные

Как сделать так, что бы при выборе сейфы подкаталоги Депоз.сейф и гостиничные не окрашивались?

За предыдущей ответ спасибо огромное.

На сайте есть 2 меню - главное и дублирующее. Дело в том, что вышеописаный код позволяет оформить в стиле активного пункта (в момент нахождения на странице) только пункты главного меню. А вот в новом меню id="current" нет вообще, как показывает FireBug, поэтому активность только при наведении и в момент нажатия.

А ничего, что активным будет являться так-же и родитель, если мы потомка выбрали?

Мы вообще про стандартное меню joomla1.5 говорим?

А вот в новом меню id="current" нет вообще, как показывает FireBug

id="current"

Больше 1го одноименного id на странице - это уже ошибка валидации.

2. Ничего не понял. Так вроде id="current" формирует модуль а не я в CSS, нет? А я обращаюсь к этому элементу чтобы оформить. Где конкретно я нарушаю валидацию? Ни Joomla, ни кривой контент-менеджер и не пришельцы из космоса. Где я в коде...

li a span {color:#000;} /*общий цвет*/
.active a span {color:#f00;} /*назначаем активному другой цвет, после чего все потомки унаследуют его*/
.active li a span {color:#000;} /*возвращаем вложенным общее оформление*/

#menu li li li li span {color:#ccc;}
 - вот так я к четвёртому уровню обратился. Даже придумать не могу, где тут и зачем js применить.

Хотя, я бы пошёл дальше, вынес хелпер в шаблон, и заменил бы #current на .current. А то реально никакую валидацию не пройти при наличии двух одинаковых ссылок на странице.

Где написано, что в дублирующем меню нет и никогда не будет дублирующей ссылки?

А вот в новом меню id="current" нет вообще, как показывает FireBug

Ошибкой валидации станет, если на одной странице появятся два id="current"

Покажите рабочий вариант для Joomla посредством только CSS с обращением к 4му уровню вложенности.

У вас же стили наследуются. Правильной дорогой сперва шли, товарищ. Я про current.
Добустим, у вас пункты меню чёрные, а активный красный, тогда:

Код

li a span {color:#000;} /*общий цвет*/
#current a span {color:#f00;} /*назначаем активному другой цвет, после чего все потомки унаследуют его*/
#current li a span {color:#000;} /*возвращаем вложенным общее оформление*/

Ну можно пойти с другого конца ещё: ul.menu li#current>a как верно подсказал(а) maragva.

У меня на сайте есть два меню - главное (выводиться внизу страницы и оно более полное, например, именно здесь находится пункт "главная" и т.п.) и дублирующее (выводиться под шапкой и содержит только три пункта, которые скопированы с главного меню, но уже без главной страницы и оно оформленно другим стилем). Пункты обоих меню не имеют разветвлений, то есть ведут на страницу с самостоятельным материалом.
Воспользовавшись кодом "ul.menu li#current>a" мне удалось оформить пункт только в главном меню, когда я нахожусь именно на странице данного пункта (а не только в момент нажатия, что делает как раз псевдокласс active).
У меня сложилось впечатление, что для дублирующего меню невозможно задать стиль оформления пункта, на странице которого нахожусь. Или я неправильно поняла? Будьте так любезны и объясните подробнее

.moduletable_menu li.item1, .moduletable_menu li.item101 {display:none;}