неупорядоченный список в неупорядоченном списке - выберите конкретную позицию

Question

Я строю навигацию с выпадающими меню.Мне бы хотелось, чтобы у позиции, содержащей неупорядоченный список, subnav, был белый текст привязки при наведении.Я сделал это, но мой селектор привел к ошибке с одной из выпадающих позиций.Пожалуйста, смотрите: http://jsfiddle.net/W3Dzd/ Если вы наведите курсор мыши на «sui generis» и наведите курсор на меню, оно будет работать нормально, за исключением «каминных досок» - якорный текст не меняет цвет при наведении.Я предполагаю, что произошло то, что селектор для 3-го элемента строки в главном меню также выбрал 3-й элемент строки в субнаве.Кто-то может предложить лучший селектор или способ обойти это?

Answer 1

Если вы сможете изменить код, который генерирует ваши меню (или изменить их вручную, если вы их кодируете вручную), вы получите гораздо более надежную систему, применив свой класс подменю к родительскому li вместо ребенка ul. Ваш предыдущий код был нацелен на определенные элементы списка через сложные селекторы, которые сломались бы, если бы вы изменили свое меню или добавили / удалили элементы из него. Новый код будет обрабатывать эти случаи без проблем.

Вы можете увидеть пример того, как это может работать в действии на этом обновленном jsFiddle: http://jsfiddle.net/W3Dzd/4/