liste non ordonnée dans la liste non ordonnée - sélectionnez un élément de campagne particulier

Question

Je construis une navigation avec des menus déroulants. J'aimerais que l'élément de campagne contenant la liste non ordonnée, subnav, ait un texte d'ancrage blanc lorsqu'il est placé en position verticale. J'ai fait ceci mais mon sélecteur a abouti à un bogue avec l'un des éléments de la liste déroulante. S'il vous plaît voir: http://jsfiddle.net/W3Dzd/ Si vous passez la souris sur "sui generis" et que vous exécutez le curseur dans le menu, cela fonctionne bien, sauf pour "mantels" - le texte d'ancrage ne change pas de couleur lorsque survolé. Je suppose que ce qui s'est passé est que le sélecteur pour le 3ème élément de ligne dans le nav principal a également sélectionné le 3ème élément de ligne dans le sous-réseau. Quelqu'un peut-il suggérer un meilleur sélecteur ou un moyen de contourner cela?

Answer 1

S'il vous est possible de changer le code qui génère vos menus (ou de les changer manuellement si vous les codez à la main), vous obtiendrez un système beaucoup plus robuste en appliquant votre classe de sous-menu au parent li au lieu de l'enfant ul. Votre code précédent ciblait des éléments de liste spécifiques via des sélecteurs complexes qui se casseraient si vous réorganisiez votre menu ou y ajoutiez/supprimiez des éléments. Le nouveau code traitera ces cas sans problème.

Vous pouvez voir un exemple de la façon dont cela pourrait fonctionner en action à ce jsFiddle mise à jour: http://jsfiddle.net/W3Dzd/4/